Fatal编程技术网
  • css/
  • Css 如何选择H1标签？

Css 如何选择H1标签？

css

Css 如何选择H1标签？,css,css-selectors,Css,Css Selectors,我想在不使用CSS第n个选择器的情况下瞄准第一个或最后一个h1标记；我该怎么做 <div> <p> 1st P</p> <h1> First H1</h1> <h1> Second H1</h1> <h1> Third H1</h1> <p> 2nd P</p> </div> 第一页 第一个H1 第二个H1 第三个H1 第2页 您

我想在不使用CSS第n个选择器的情况下瞄准第一个或最后一个h1标记；我该怎么做

<div>
  <p> 1st P</p>
  <h1> First H1</h1>
  <h1> Second H1</h1>
  <h1> Third H1</h1>
  <p> 2nd P</p>
</div>


第一页

第一个H1
第二个H1
第三个H1
第2页
您可以使用和伪类

h1：类型的第一个{
颜色：丽贝卡紫；
}
h1：类型的最后一个{
颜色：金色；
}

第一页

第一个H1
第二个H1
第三个H1
第2页
您可以使用

请记住，
element+element
选择器用于选择紧跟在第一个指定元素之后（而非内部）的元素。

分区p+h1，
分区p+h1+h1+h1{
背景颜色：黄色；
}

第一页

第一个H1
第二个H1
第三个H1
第2页
你可以给类名你的最后一个标签，然后用他的标签你可以找到他


第一页

第一个H1
第二个H1
第三个H1
第2页
与提供的标记不起作用，因为
是父级
的第一个和最后一个元素。不起作用。。。As标记出现在前后tags@Siraj虽然这在技术上是可行的，但实际上与第n个子项的区别是相同的。也就是说，不太灵活。它要求您具有第一个和最后一个
h1
的固定位置。鉴于OP没有说明在第一个
h1
之前可能存在数量可变的
h1
，或者可能存在任意数量的元素，这是一个“某种程度上”可接受的解决方案。其非常严格的代码Siraj。如果有更多的子元素，我们不能使用，插入新的子元素也会破坏样式。我们应该始终使用可维护的编码。@TouhidRahman如果这对您有效，请选择答案。