css - 第一个不使用类名

标签 css

<分区>

我在一个 div 中有很多元素，例如:

<div>
  <p></p>
  <span></span>
  <div class="text"></div>
  <span></span>
  <div class="text"></div>
  <div class="text"></div>

我想选择第一个 .text 所以我使用了 .text:first-of-type 但它不起作用，只适用于 span :first-of-type
谁能告诉我如何选择第一个 .text ？

最佳答案

你做得对。根据定义:

CSS 中的 :first-of-type 选择器允许您定位元素在其容器中的第一次出现。它在 CSS 选择器级别 3 规范中被定义为“结构伪类”

...理论上它应该适用于现代浏览器。它适用于最新版本的 Firefox、IE 和 Chrome

您缺少结尾 </div>在 HTML 示例的最后一行 - 如果这也在您的实际代码中，修复它有帮助吗？
是否有其他样式规则凌驾于您的尝试之上？如果将规则更改为 .text:first-of-type !important 会发生什么, 这将强制此规则具有更高的优先级？
也许如果这是嵌套在其他 HTML 中，您需要使 .text:first-of-type 规则更具体？例如。是嵌套在另一个元素或类中的 HTML - 在这种情况下，通过指定它适用于该元素或类下的任何内容来应用规则，例如

div .text:第一个类型{ 红色;

关于css - 第一个不使用类名，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34055868/

相关文章：

javascript - 更改鼠标悬停标题上的文字颜色