は、CSS宣言

Question

私は

<div class="t-widget t-treeview t-reset" id="TreeView">

ような何かを宣言するとき、私はどちらかの三つのクラス（すなわちt-widget、t-treeviewまたはt-reset）が適用されることを言っているを理解しますか？

ので：

.t-widget 
{ 
    ... 
    /* Styles apply */ 
} 

.t-treeview 
{ 
    ... 
    /* Styles apply */ 
} 

.t-reset 
{ 
    ... 
    /* Styles apply */ 
} 

Answer 1

を意味することに答えを覚えておいてください、あなたはまた、それらの組み合わせを使用することができます。そう

.widget.treeview { }

これは、あなたが各クラスからすべてのスタイリングを取得し、その要素に適用していることを意味ウィジェットとツリービューの両方のクラス

Answer 2

はい、それらはすべて適用されます。彼らの特異性は同等であるため、後者の宣言は前の宣言を上書きします。

Answer 3

<div class="t-widget t-treeview t-reset" id="TreeView"> 

3つのクラスがすべて順番に適用されます。つまり、この例では、t-widgetのスタイルが最初に適用され、t-treeview secondとt-restが最後に適用されます。 IOWは後で順番に適用されるだけでなく、以前のスタイルよりも優先されます。

Answer 4

はいCSSがslebetmans上に構築するには、カスケードスタイルシートに

Answer 5

持つ要素のみにマッチします。

特異性が正しい場合、要素は宣言されたスタイルをすべて復活させます。

あなたはまた、のようなセレクタを作成することができます=>http://www.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/

ここでそのことについていくつかの良いものを読むことができます：

.t-widget.t-treeview.t-reset { ... } 
.t-widget.t-reset { ... } 

使用するクラスは限りが有効であるとは関係ありませんが。組み合わせて宣言されたクラスを持つ要素は、それらのスタイルを受け取ります。