css中执行 find选择器

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中的find选择器是一种用来选择指定元素下特定后代元素的选择器。在CSS中,find选择器使用空格来分隔选择器,例如:body header h1 { font-size: 2em; } 在上面

CSS中的find选择器是一种用来选择指定元素下特定后代元素的选择器。在CSS中,find选择器使用空格来分隔选择器,例如:

body header h1 {
  font-size: 2em;
} 

在上面的代码中,选择器body header h1表示选择header元素下的h1元素,并将它的字体大小设置为2em。

find选择器可以有多个层级,可以选择任意层级的后代元素。例如:

nav ul li a {
  text-decoration: none;
} 

在上面的代码中,选择器nav ul li a表示选择任意在nav元素下的ul元素下的li元素下的a元素,并将它的文本装饰(即下划线等)去掉。

需要注意的是,如果选择器中间有其他元素出现,则只会选择到它下面的元素。例如:

div span p em {
  font-style: italic;
} 

在上面的代码中,选择器div span p em表示选择任意在div元素下的span元素下的p元素下的em元素,并将它的字体风格设置为italic。这里的div span选择器只是用来指定后代元素的范围,并不会选择到span元素本身。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中执行 find选择器

粉丝

0

关注

0

收藏

0

已有0次打赏