0

私はcssとSencha Touch 2に非常に慣れていません。Sencha Touch 2のチュートリアルに取り組んでいるときに、次のようなコードを持つCSSファイルを見ました

/* Increase height of list item so title and narrative fit */
.x-list .x-list-item {
     min-height: 10.5em!important;
     height:7.5em;
}
/* Move the disclosure button up to account for the list item height increase */
.x-list .x-list-disclosure {
     position: absolute;
     bottom: 4.0em;
     right: 0.10em;
}

.x-list .x-list-item css の入れ子の概念とx-list クラス名ですか? また、この概念は純粋に CSS の概念ですか、それとも Sencha Touch の概念ですか?

4

1 に答える 1

1

これは純粋な CSS の概念にすぎないため、この構文は次のことを意味します。

.x-list .x-list-item

x-list-itemクラスを持つ要素の下にネストされているクラスを持つ要素を選択しますx-list

同じことが 2 番目の構文にも当てはまります。

より厳密にしたい場合は、element.classセレクターを使用して、組み合わせに一致する場合にのみ選択することができるelement.classので、例を挙げれば..

のようなものを使用して

div.x-list span.x-list-item {
   /* This will select span only which is having a class 
      x-list-item which is nested under div element having class 
      x-list */
}
于 2013-07-24T05:28:01.313 に答える