html - 需要改变第三个<h1>的颜色

标签 html css

<div id=owl-slider>
<div class=item>
<div class=slider-text>

</div>
</div>
<div class=item>
<div class=slider-text>

</div>
</div>
<div class=item>
<div class=slider-text>

</div>
</div>
</div>

每个slider-text类包含<div> , <h1><a>每个 我怎样才能改变第三个<h1>的颜色

最佳答案

如果您需要每三个 h1 更改一次,您可以尝试以下操作:

h1:nth-of-type(3) {
    color: #ff0000;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div>
<h1>One</h1>
<h1>Two</h1>
<h1>Three</h1>
<h1>Four</h1>
</div>

</body>
</html>

关于html - 需要改变第三个<h1>的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36569972/

相关文章:

html - 为什么容器内的容器在 float 时会失去背景颜色?

javascript - 降序表以及 JavaScript 中的升序

html - 嵌套 CSS 选择器的特殊性

css - Safari 中页脚下方的空白区域

html - 增加按钮的可点击区域

html - 如何在不移动内容位置的情况下将图标放在 <td> 中?

html - 如何避免 &lt;input&gt; 和 <span> 元素之间出现小空间?

javascript - Coldfusion 中提交的表单会发生什么?

html - 让页面背景随用户滚动

javascript - 具有自动滚动功能的 jquery/css 长多级菜单