html - 选择唯一没有类或 ID 的元素

标签 html css css-selectors

我都看过 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。然而,任何可以编译成 CSS 的语言都可以,比如 SASS。
div有问题的 s 将直接在 <body> 之下.
我可能并不总是知道会有什么类或 ID。

最佳答案

你可以使用: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/

关于html - 选择唯一没有类或 ID 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30854300/

相关文章:

javascript - CSS 文件未正确链接

javascript - 如何将 HTML 元素锚定在其他两个元素之间的中心?

css - 哪个 css 选择器可以定位具有多个类的元素?

html - 以与 svg 文件相同的方式嵌入 pdf 文件(无灰色背景)

javascript - 如何在特定的 dom 标签之后获取下一个图像标签,兄弟与否?

html - 无法重置 CSS 外观属性

JQuery nth Child div 子级

javascript - 创建混合高度合理的标题?

html - 将 <div> 下推到另一个具有 float 和清除功能的可点击 <div> 下

带有 not(rule AND 规则 ...) 的 css 选择器