我可以在CSS中一起使用DIV類和ID嗎？

Question

我可以在CSS中一起使用DIV類和ID嗎？ 例如：

<div class="x" id="y"> 
    -- 
</div> 

Answer 1

是的，是的，你可以。

#y.x { 
/* will select element of id="y" that also has class="x" */ 
} 

類似地：

.x#y { 
/* will select elements of class="x" that also have an id="y" */ 
} 

順便提及，這可能是在一些使用情況下有用（其中類用於表示某種形式的事件或相互作用的），但在大多數情況下它不是一定這很有用，因爲id在文檔中是獨一無二的。但是如果你使用類進行用戶交互，那麼可以用知道。

Answer 2

這是HTML，但是，您可以將幾乎所有您喜歡的選擇器放在一起。

#x.y { } 

（和HTML是罰款太）

Answer 3

當然可以。

你的HTML就好了。樣式與CSS，你可以用下面的辦法的要素：

#y { 
    ... 
} 

.x { 
    ... 
} 

#y.x { 
    ... 
} 

你也可以爲你想你的元素

<div id="id" class="classA classB classC ..."> 
</div> 

添加許多類和您可以風格使用與選擇該元素類和id的任何組合。 例如：

#id.classA.classB.classC { 
    ... 
} 

#id.classC { 
} 

Answer 4

是的，爲什麼不呢？然後，應用於類「x」的CSS和應用於ID「y」的CSS應用於div。

Answer 5

如果您想要將特定類別和 ID定位到CSS中，請使用div.x#y {}之類的格式。

Answer 6

＃y.x應該工作。而且它也很方便。您可以使用不同種類的輸出製作頁面。你可以給一個特定的元素一個id，但根據你想要的外觀給它不同的類。

Answer 7

是的，你可以。

你只需要明白它們是什麼，class是更通用的，可以使用多次，id（就像你的id），你只能使用它一次。

的精彩教程幫我說：

The Difference Between ID and Class

雖然它不是一個確切的回答你的問題，我相信這將幫助你很多！

祝你好運！

編輯：讀了你的問題，我只是想澄清的是：

<div class="x" id="y"> 
    -- 
</div> 

而且，如果你想在CSS的樣式目的，對「利用他們」你應該做的David Says：#x.y { }

Answer 8

您也可以根據需要在標籤上使用盡可能多的類，但是ID必須對文檔是唯一的。 當另一個更多的語義標籤可以完成這項工作時，也要小心使用太多的div。

<p id="unique" class="x y z">Styled paragraph</p> 

Answer 9

是的，在一個單獨的部門，你可以使用兩個，但它不是很常見。造型時，你會調用兩者，所以如果你沒有正確選擇「x」和「y」，會造成一些模糊。 對於ID使用#，對於類使用.。而對於整體劃分，你可以做獨立的造型或寫作：#x .y爲造型目的。