:nth-child(odd)会选择Paragraph 1、Paragraph 2和Paragraph 3,因为它们分别是第一个、第三个和第五个子元素。 :nth-of-type(odd)会选择Paragraph 1和Paragraph 3,因为它们分别是第一个和第三个元素。 选择所有偶数子元素: :nth-child(even)会选择Div 1和Div 2,因为它们分别是第二个和第四个子元素。 :nt...
效果图: 看看,现在是不是发现nth-of-type(2)结果变了,段落3变色了。h5:nth-of-type(2)要找的是第二个h5类型的元素,也就是段落3。 3、继续改动HTML代码。我们恢复第一个p元素和第一个h5元素,将第二个p元素和第二个h5元素改为h4,样式仍保持不变,结果会怎样呢? p:nth-child(2){color:red;}h5:nth-...
p:nth-of-type(3) { font-weight: bold; } ```此规则会将第3个元素的字体加粗。4. 选择每行...
CSS3 :nth-of-type() Selector 完整CSS选择器参考手册 实例 指定每个p元素匹配同类型中的第2个同级兄弟元素的背景色: p:nth-of-type(2) { background:#ff0000; } 尝试一下 » 定义和用法 :nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。
结果可以看到nth-child没有效果,nth-of-type高亮的是段落3。 为什么会这样? nth-child 是查找一堆兄弟元素里的第二个元素,不管那元素是什么,只要它排行第二就行。这里前一个div找到的是 星期二,后一个div找到的是段落二。找到之后,再和前面的选择符进行匹配,如果匹配对了,那就应用样式。前面的选择符是p,也...
百度试题 结果1 题目css3中的伪类div p:nth-of-type(3){color:red}的说法正确的是(): 相关知识点: 试题来源: 解析 给div元素的后代元素的第三个p元素设置文字颜色为红色 反馈 收藏
在CSS3中,可以使用:nth-of-type选择器和:before选择器来实现一些特定的样式效果。 :nth-of-type选择器用于选择同一父元素下的特定类型的元素。它的语法是::nth-of-type(n),其中n表示一个整数,表示要选择的元素在同类型元素中的位置。 例如,如果要选择一个父元素下的第二个段落元素,可以使用以...
而对于:nth-of-type选择器,意味着选择一个元素如果: 1,选择父级元素的第二个 段落子元素 如果把上面的代码稍微修改一下: 我是一个普通的div标签 我是第一个p标签 我是第二个p标签 这个时候,p:nth-child(2) { color:red;} 并没有选择上任何的元素 ,所以并没有变化。 p:nth-of-type(2) { color...
css3中的伪类div p:nth-of-type(3){color:red}的说法正确的是(): A. 给div元素的第三个子元素设置文字颜色为红色 B. 给div元素的后代元素的第三个p元素设置文字颜色为红色 C. 给div的后代元素p设置文字颜色为红色 D. 以上说法都不正确 相关知识点: 试题来源: 解析 B 反馈 收藏 ...
单项选择题 css3中的伪类div p:nth-of-type(3)[color:red)的说法正确的是( ) A. 给div元素的第三个子元素设置文字颜色为红色 B. 给div元素的后代元素的第三个p元素设置文字颜色为红色 C. 给div的后代元素p设置文字颜色为红色 D. 都错误 点击查看答案 手机看题 ...