北京沣登科技发展公司

css的nthchild,

大家好,今天小编关注到一个比较意思的话题,就是关于css的nthchild的问题,于是小编就整理了2个相关介绍CSS的nthchild的解答,让我们一起看看吧。

  1. html怎么跟孩子启蒙?
  2. html怎么控制子代的hover?

html怎么孩子启蒙?

.n*** li:nth-child(2) a { color: #ff0000}, 这个能让 标签面的第二个li的a标签的颜色变为红色。 :nth-child用倍数比较好用。比如:nth-child(3n),只要是3的倍数的都会被选取(3,6,9...)

html怎么控制子代的hover

楼主,这是通过>与+来控制下个元素,子集元素,下个元素的子集元素的CSS     #a {color : #FFFF00;}     #a:hover > #b{color : #FF0000;}         #a:hover + #c{color : #00FF00;}     #a:hover + #c > #b{color : #0000FF;}

元素1   

元素2

元素3   

元素2

css的nthchild,div>
图片来源网络,侵删)

下面是补充 楼主,我又通过CSS选择器研究了一些,你可以参考着按照自己的需求改     #a:hover {color : #FFFF00;}     #a:hover > #b:first-child{color : #FF0000;}         #a:hover > #b{color : #FF00FF;}       #a:hover + #c{color : #00FF00;}     #a:hover + #c > #b{color : #0000FF;}

元素1   

元素2

  

元素2

元素3   

元素2

css的nthchild,
(图片来源网络,侵删)

到此,以上就是小编对于css的nthchild的问题就介绍到这了,希望介绍关于css的nthchild的2点解答对大家有用。

css的nthchild,
(图片来源网络,侵删)

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/24372.html

分享:
扫描分享到社交APP