如何用纯CSS选择没有属性的HTML标签？

在CSS中，选择没有属性的HTML标签可以通过使用属性选择器来实现。具体来说，可以使用 :not() 伪类和属性选择器来匹配没有属性的标签。

以下是一个示例，展示如何选择没有属性的 <div> 标签：

div:not([class]):not([id]):not([style]):not([data-*]) {
    /* 你的样式 */
}

解释：

• div:not([class])：选择没有 class 属性的 <div> 标签。
• :not([id])：进一步排除有 id 属性的 <div> 标签。
• :not([style])：排除有 style 属性的 <div> 标签。
• :not([data-*])：排除有任意 data-* 属性的 <div> 标签。

注意事项：

• 这种方法只能排除已知的属性（如 class、id、style 等）。如果你想要排除所有属性，这种方法可能不够全面，因为HTML标签可能有其他自定义属性。
• 如果你需要排除所有属性，可能需要使用JavaScript来动态检查并应用样式。

示例：

<div>这个div没有属性</div>
<div class="example">这个div有class属性</div>
<div id="example">这个div有id属性</div>
<div style="color:red;">这个div有style属性</div>
<div data-custom="value">这个div有data-*属性</div>

div:not([class]):not([id]):not([style]):not([data-*]) {
    background-color: yellow;
}

在这个例子中，只有第一个 <div> 标签会被应用背景颜色为黄色的样式，因为它没有任何属性。

总结：

虽然CSS可以通过 :not() 和属性选择器来选择没有特定属性的标签，但要完全排除所有属性可能需要结合JavaScript来实现。