タグ

ブックマーク / www.conifer.jp (1)

  • csstest:CSSのみで、if文的な振り分け。

    CSSの属性セレクタを使って、if文的な振り分けができます。サンプルは、href属性とtitle属性の内容に応じたテキストを追加することで、各a要素を視覚的に振り分け、分類しています。 セレクタに、a[title="css"]と記述すると、a要素のtitle属性が「css」の文字列である場合、cssを適用します。この例では、「:before疑似要素」を利用して、「 [css] 」をa要素の前に追加しています。 セレクタに、a[title="jQuery"]と記述すると、a要素のtitle属性が「jQuery」の文字列である場合、cssを適用します。この例では、「:before疑似要素」を利用して、「 [jQuery]  」をa要素の前に追加しています。 セレクタに、a[href*="test"]と記述することで、a要素のhref属性に「test」の文字列を含んでいる場合、cssを適用します

  • 1