1

私は次のCSSクラスを持っています:

 #menuAccordion h2 a,.dir-rtl #menuAccordion .viewList{
     padding-right:2.5%;
     padding-left:0
 }

これを css class を使用するすべての HTML 要素として解釈するのが正しいでしょうか。この要素内にorタグmenuAccordianがある場合、 ?内で定義されているパディングが適用されます。とは何を指していますか?<H2><A>{}.dir-rtl.viewList

また、css で次のコードがすべて 1 行にあるとします。

 #secNav #showHideMenu a.fixed{
     position:fixed;
     top:0
 }

 .HomePage #content{
     min-height:300px
 } 

 #content{
     background-color:#FFF;
     min-height:600px;
     position:relative;
     z-index:0
 }

が表示されるたびに#、それが新しいクラスの開始であると仮定できますか?また、これらのクラスは互いに関連していないと仮定できますか? 著者がこれをすべて 1 行にまとめた理由を理解しようとしています。読めません。でも、関係があるからかもしれません。

ありがとう。

4

1 に答える 1

6

まず、用語。中括弧のセットの前の部分は、セレクターと呼ばれます。コンマで区切られた複数のセレクターが存在する場合があります。セレクターでは、 を使用#nameして、属性によって要素を照合したり、id属性によって要素.nameを照合したりできclassます。


CSS セレクターは、一般的に、リストされている最後の項目に一致します。

#menuAccordion h2 a

これは、<a>要素内<h2>の要素内の要素とid="menuAccordion".

.dir-rtl #menuAccordion .viewList

class="viewList"これは、要素の内側にある要素と、要素の内側にある要素に一致id="menuAccordion"class="dir-rtl"ます。

viewListおよびdir-rtlクラスの意味は、ページの作成者次第です。固有の意味はありません。


すべてを 1 行にまとめても、CSS の意味は変わりません。おそらく、読みやすさを犠牲にしてスペースを節約するための戦術です。

于 2013-01-17T20:49:52.767 に答える