Select 唯一没有 class 或 ID 的元素

Question

我都看过 this and this question, 但它们都是 Javascript 导向的。

我正在寻找 select 唯一没有 ID 或 Class 的 div。

示例：

<body>
<div class="X" ... />
<div class="Z" ... />
...
<div class="Y" ... />
<div>Select me</div>
<div id="footnote" ... /> <!-- Notice I have no class. -->
...
</body>

永远只有一个 div 没有 class 和 id。
div 可能会改变位置，或者不存在。
没有Javascript。但是，任何可以编译为 CSS 的语言都可以，例如 SASS。
有问题的 div 只会直接在 <body>.
之下我可能并不总是知道会有什么 classes 或 ID。

Answer 1

你可以这样做：

body > div:not([class]):not([id]) { }

JSFiddle

Answer 2

您可以使用 :not:

CSS:

div:not([class]):not([id]) {
    height: 200px;
    width: 200px;
    background-color: red;
}

HTML:

<div></div>
<div class="shikaka"></div>
<div id="shikaka2"></div>

http://jsfiddle.net/qcq0qedj/

Answer 3

啊... :not 的美丽。（又名 - not:ugly）

div:not([class]):not([id]) {
    color: #fff;
    padding: 2px 4px;
    background: red;
}

<body>
    <div class="X">...</div>
    <div>Select me</div>
    <div class="Z">...</div>
    <div class="Y">...</div>
    <div>Select me, too!</div>
    <div id="footnote">...</div>
</body>

http://jsfiddle.net/stevenventimiglia/53Lqekod/

Select 唯一没有 class 或 ID 的元素

Select the only Element with no class or ID

html

css

css-selectors