CSS div命名语法

Question

你能用div这个词来命名div类吗？还是id？

例如：

#div.leftcol

或它只是被视为

#leftcol

Answer 1

浏览器会将其视为<div id="div" class="leftcol"></div>

Answer 2

我不遵循您的意思，但我认为您所问的是，您可以使用div这个词将一个类应用于div元素。如果这就是你的意思，那么你可以，而且你完全按照你在问题中所表达的那样去做：

div.leftcol { color: red }

该样式将应用于类div的{​​{1}}类型的所有元素。如果没有leftcol部分，则样式将应用于具有类div的任何元素，无论它是什么类型的元素：

leftcol

编辑现在问题已被修改......

在编辑你的问题后，它会更有意义（我认为）。您的第一个示例将适用于.leftcol { color: red } id和div类的元素：

leftcol

第二个示例适用于<div id="div" class="leftcol"></div> id的元素：

leftcol

或如果您只是在询问<div id="leftcol"></div>是否是CSS中的某种保留字，不，它不是，所以请随意将其用作标识符。但是，这可能会让人感到困惑（例如，您最终可能会遇到像div）

这样的选择器

Answer 3

你能提供一个例子吗？

您可以使用<div class="leftcol"> left content </div>

然后在你的css .leftcol { background:red; }

中

你可以用div.leftcol或简单的.leftcol

来解决它

Answer 4

如同？

<div id="div.leftcol">Some content</div>

虽然它可能适用于HTML和Javascript，但如果您尝试在CSS样式表中设置样式，则会导致问题。我相信你知道以下内容

div.leftcol {
   color: #efefef;
}

表示“将任何具有leftcol作为类名的div元素的文本颜色设置为#efefef”，因此它不起作用。我不知道是否

div.div.leftcol {
   color: #efefef;
}

会起作用，但那只是丑陋......