風格將不適用不使用「」

Question

我只注意到，使用下面的CSS代碼忽略.input.cmp位：在使用下面的代碼

.create input.cmp, input.email, input.pswd, input.pswda{} 

（與之前）工作正常。

.create ,input.cmp, input.email, input.pswd, input.pswda{} 

這是怎麼回事？這是做到這一點的正確方法嗎？或者我在這裏做錯了什麼。

我以前曾經使用的ID，而不是階級和萬物而不第一工作得很好「」

Answer 1

這似乎像一個誤解和邏輯上的錯誤。

1. .create input.cmp,選擇input.cmp內部.create
2. .create ,input.cmp,是兩個不同的選擇器.create和input.cmp

下面是一個簡單的例子：

.create input.cmp選擇輸入元件ONLY在以下HTML

<div class="create"> 
    <input type="text" class="img" /> 
</div> 

凡爲，.create ,input.cmp同時選擇div和input元件。

Answer 2

.cls .subcls指.subcls那就是.cls一個孩子，而.cls, .subcls指都.cls和.subcls。

Answer 3

.create input.cmpinput.cmp表示.create之內。

，你可以在HTML這樣寫：

<div class="create"> 
<input class="cmp"> 
</div> 

&

.create，input.cmp反映了不同的元素，其風格是獨立的。在這input.cmp風格不依賴於。創建按照上述樣式。因此，您可以使用input.cmp內部或者甚至外部的.create具有相同的樣式。

，你可以在HTML這樣寫：

<div class="create"></div> 
<input class="cmp"> 

OR

<div class="create"> 
<input class="cmp"> 
</div>