CSS选择器语法

Question

对于这个HTML：

<div id="idName" class="className">
...
</div>

我知道这是正确的选择器语法：

div.className {...}
div#idName {...}

我做错了：

#idName.className {...}

它接缝工作，但我不认为它是有效的。任何人都可以确认这是否有效？

编辑：

为了澄清，此ID将在许多页面上，并且根据页面的用途，可能有不同的类。
第A页：

#content.one-column {...}

Page B：

#content.two-column {...}

Answer 1

是的，这没关系，尽管意义不同。说“#idName”而不是“div #idName”并不限制div元素。

Answer 2

有效。没有规则ID选择器必须在类选择器之后。

引用standard（强调我的）：

  

一个简单的选择器可以是type selector或universal selector，后面紧跟零个或多个attribute selectors，ID selectors或pseudo-classes，顺序。

Answer 3

这完全有效，但有点多余。如果你把它变成英语，它会说“选择id为'idname'和class'className'”的所有元素。这是多余的，因为您只能拥有一个具有特定ID的元素的实例。

Answer 4

即使它是有效的，在有效的HTML文档中也不能有多个具有相同“id”的html节点，因此，我猜你可以使用div #idName来执行任何任务。

Answer 5

我认为它是有效的语法，因为您的类可能会使用相同的ID更改。但是，您可能会遇到this

Answer 6

#id.className是一个完全有效的选择器，可以选择 ID和类的所有元素。