选择唯一没有类或 ID 的元素答案

【问题标题】：Select the only Element with no class or ID选择唯一没有类或 ID 的元素
【发布时间】：2015-08-31 11:42:18
【问题描述】：

this and this question, 我都见过，但它们都是面向 Javascript 的。

我正在寻找唯一没有 ID 或类的 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 没有类和 id。
div 可能会改变位置，或者不存在。
没有Javascript。但是，任何可以像 SASS 一样编译成 CSS 的语言都可以。
有问题的divs 将仅直接位于<body> 之下。
我可能并不总是知道会有哪些类或 ID。

【问题讨论】：

仅供参考，div 标签不会自动关闭。需要</div>
Can I write a CSS selector selecting elements NOT having a certain class?的可能重复
您是否尝试过 CSS 中的 div:not([class])？
@JayMoy 这里的问题是可能有多个没有类的div，但它们仍然有一个ID。
@JayMoy 遗憾的是，我不知道所有可能的类和 ID，但似乎我已经在创纪录的时间内得到了答案。谢谢！

标签： html css css-selectors

【解决方案1】：

你可以这样做：

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

JSFiddle

【讨论】：

【解决方案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/

【讨论】：

【解决方案3】：

啊... :not 的美丽。（又名 - 不是：丑）

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/

【讨论】：