セレクタの記述に悩む
社内用に作ったCSSガイドですが、実際に社内でガイドに沿って作ったら問題発生。
セレクタってどう書いています?
説明のために例を用意しました。
#headwrapper があります。
#headwrapper は XHTMLではdiv要素で使用されます。
#headwrapper の中には #header があります。
#header の a に値を指定します。
制作したガイドにそった記述例
div#headwrapper {
float: left;
}div#headwrapper div#header {
margin: 20px auto;
background: #fff url("media/bg.png") no-repeat 0 0;
}div#headwrapper div#header a {
color: #000;
}
困ったこと
セレクタの記述はフルに書く必要あるのか?
わかりやすいとはいえ、長くなりすぎるのではないのか?
人によっては要素名から書く場合とそうでない場合がある。
現状では、誰が見てもわかりやすく!という方向で、継承をわかりやすく見せるためにフルに記述を行うことにしました。ちなみにプロパティの記述順序はW3Cの使用に基づくものです、慣れるまでが大変だぁー