###迷っていること
初めて質問させていただきます。
CSSでセレクタをどこまで指定すべきか迷うことがあります。
例えば次のような場合
<article id="site"> <section id="site1sec"> <table id="site1secTable"> <tr> <th></th><td></td> </tr> <tr> <th></th><td></td> </tr> </table> </section> </article>
#site #site1sec #site1secTable td{ background: #fff;}
ここまで書かないといけないでしょうか?
それとも、この場合は最後の子孫もidセレクタなので
どうせページの中には一度しか出てこないから
途中までのセレクタ指定を飛ばして
#site1secTable td{ background: #fff;}
と簡略化してもいいのでしょうか?(あるいはそうした方がいいのか)
それともこの場合、一番外郭にあたる#siteだけは書いた方がいいとか
そういうルールってあるのでしょうか?
また、#site以下のセレクタがclassセレクタであった場合
また方法は違ってくるのでしょうか?
###補足情報
セレクタの指定自体はこれで利くように思えるのですが、
セマンティクス的にはどうなのでしょうか?
あまり冗長になりすぎると煩雑になってしまうし
かといって指定を飛ばすことでCSSが利かなくなってしまったら
元も子もないし、ということで迷っています。
拙い質問で恐縮ですが、ご教授お願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/07/11 07:43