css3选择器,CSS3 用什么表示子代选择器
一、CSS3 用什么表示子代选择器
CSS3中的关系选择器主要包括子代选择器和兄弟选择器,其中子代选择器由符号连接,兄弟选择器由符号“+”和“~”连接,具体如下所示。
(1)关系选择器
例如:h1>strong
说明:表示选择嵌套在h1标记的子标记strong。
(2)临近兄弟选择器
例如:h2+p
说明:表示选择h2标记后紧邻的第一个兄弟标记p。
(3)普通兄弟选择器
例如:p~h2
说明:表示选择p标记所有的h2兄弟标记
二、css层次选择器怎么用
1.CSS层次选择器可以用来选择指定元素的子元素、后代元素、相邻元素或者同级元素。2.例如,可以使用空格选择器来选择某个元素下的所有子元素,使用大于号选择器来选择某个元素的直接子元素,使用加号选择器来选择某个元素的相邻同级元素,使用波浪号选择器来选择某个元素的后代元素。3.CSS层次选择器的使用可以帮助我们更加精准地控制网页元素的样式,提高网页的可读性和美观度。同时,我们也可以通过组合不同的层次选择器来实现更加复杂的样式控制。
三、css3选择器怎么选择第3个,第6个,第9个,第12个……元素
li:nth-child(3n+0)
{
background:#ff0000;
}