我可以在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" */
}

顺便提一下，这可能在某些用例中很有用（其中类用于表示某种形式的事件或交互），但在大多数情况下，它不是必然有用，因为{{1}无论如何，在文档中都是唯一的。但是如果你使用类进行用户交互，那么可以对你有用。

Answer 2

您还可以根据需要在标记上使用尽可能多的类，但ID必须对文档是唯一的。 当另一个更多的语义标签可以完成这项工作时，也要小心使用太多的div。

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

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

这是HTML，但是，你可以在任何你喜欢的选择器上砰砰作响。

#x.y { }

（HTML也很好）

Answer 5

是的，在一个单独的部门中你可以同时使用它们，但它并不常见。虽然造型你会同时打电话，所以如果你没有正确选择＆＃34; x＆＃34;和＆＃34; y＆＃34;。 使用.表示ID，#x .y表示课程。对于整体划分，您可以单独设置样式，也可以编写：{{1}}用于样式设计。

Answer 6

是的，为什么不呢？然后适用于类“x”的CSS和适用于ID“y”的CSS适用于div。

Answer 7

如果您想在CSS中定位特定的类和 ID，请使用div.x#y {}之类的格式。

Answer 8

#y.x应该可行。它也很方便。您可以创建具有不同类型输出的页面。你可以给某个元素一个id，但根据你想要的外观给它不同的类。

Answer 9

是的，你可以。

你只需要了解它们的用途，class更通用，可以多次使用，id（就像你的id一样），你只能使用它一次。

这个优秀的教程帮助了我：

The Difference Between ID and Class

虽然这不是你问题的确切答案，但我相信它会对你有所帮助！

祝你好运！

编辑：阅读你的问题，我只想澄清一下：

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

如果您想在CSS中“使用它们”进行样式设置，则应该David Says {{3}}：#x.y { }