在CSS中,我们经常需要选择某一个元素下的下一级元素进行样式设置。下面我们详细介绍如何选取下下一级元素。下下一级元素即为孙子元素,其选择器书写方式为E F G,其中E为祖先元素,G为孙子元素。需要注意
在CSS中,我们经常需要选择某一个元素下的下一级元素进行样式设置。下面我们详细介绍如何选取下下一级元素。
下下一级元素即为孙子元素,其选择器书写方式为E F G
,其中E
为祖先元素,G
为孙子元素。需要注意的是,F
为中间元素,即在E
和G
之间存在着一层父子关系的元素。
下面是一个具体的示例,假设我们需要选取section
标签下article
标签内的p
标签。
section article p { /* 在这里添加样式 */ }
以上代码中,section article p
这个选择器就是选取section
标签下article
标签内的p
标签。
需要注意的是,中间的article
标签是必需的,因为直接写成section p
会选取到section
下所有的p
标签而不仅仅是article
标签内的p
标签。
综上所述,选取下下一级元素可以使用E F G
这种选择器书写方式,其中E
为祖先元素,G
为孙子元素,F
为中间元素。
粉丝
0
关注
0
收藏
0