Question

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

我希望选择唯一没有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没有类和 id div可以改变位置，或者不存在。
没有Javascript。但是，任何可以像SASS一样编译成CSS的语言都可以有问题的div只会直接位于<body>下我可能并不总是知道会有什么类或ID。

Answer 1

您可以使用: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 2

你可以这样做：

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

JSFiddle

Answer 3

啊......美丽：没有。（AKA - 不：丑陋）

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/

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

3 个答案: