タグ

classに関するgrandfrigoのブックマーク (1)

  • CSSの書き方-子孫セレクタ

    CSSのセレクタ部分の書き方のひとつです。たとえば次のようなHTMLがある場合にどのよう書くことができるかを示します。 この例のHTMLはリストを表すタグ<ul>と、その項目に当たる<li>です。 <ul class="sample"> <li>メニュー</li> <li>メニュー</li> <li>メニュー</li> </ul> このメニューに当たる部分の文字色だけ変えたいとき等に、liにclass等を指定する方法もありますが、次のように書くのを子孫セレクタと言います。 ul.sample li{ color:#333333; } ulとliの間は半角スペースです。これはul.sampleに含まれるliという書き方です。つまりある要素に含む子要素という形でスタイルを書くことができます。 このような書き方を活用するとむやみにidやclassを増やさなくてもいいので、スタイルシートもわかりや

  • 1