我可以在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为造型目的。