首页 > 文章列表 > 如何使用 CSS 选中不含任何属性的 HTML 标签?

如何使用 CSS 选中不含任何属性的 HTML 标签?

205 2025-01-15

如何使用 CSS 选中不含任何属性的 HTML 标签?

深入探讨 css 选中不含任何属性的标签

在 html 中,如何使用 css 选中那些不包含任何属性的标签是一个常见问题。通过 css,我们可以轻松地选中带有所需属性的元素,但对于没有附带任何属性的元素,进行选择可能会带来挑战。

解决方案:否定选择器

要选中不带任何属性的标签,我们可以使用否定选择器。否定选择器允许我们通过指定排除某些属性来选中元素。在我们的示例中,“<p></p>”表示一个没有属性的段落标签。

css 代码示例:

我们可以使用以下 css 代码来选择不带任何属性的段落标签:

p:not([href],[class]) {
  font-size: 26px;
}

在这个选择器中:

  • p 选择所有段落标签。
  • :not([href],[class]) 是否定选择器,它排除任何具有 href 或 class 属性的元素。

因此,此 css 将仅针对没有 href 和 class 属性的段落标签设置 font-size 为 26px。

来源:1731329496