CSS的 伪类和伪元素

伪类(MDN

伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。
常用的伪类:

:hover    :first    :first-child    :nth-child

伪类(MDN

伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式。
注意:一些早期的伪元素曾使用单冒号的语法,所以你可能会在代码或者示例中看到。现代的浏览器为了保持后向兼容,支持早期的带有单双冒号语法的伪元素。
常用的伪元素:

::before    ::after

伪类和伪元素组合(MDN

如果你想让第一段的第一行加粗,你需要把:first-child和::first-line选择器放到一起。试着编辑前面的实时示例,让它使用下面的CSS。这里的意思是,我们想选择一个

元素里面的第一个

元素的第一行。

article p:first-child::first-line {
  font-size: 120%;
  font-weight: bold;
}
posted @ 2021-07-03 11:08  清和时光  阅读(468)  评论(0编辑  收藏  举报