CSS中怎么实现平级与儿子级样式-创新互联

这篇文章给大家介绍CSS中怎么实现平级与儿子级样式，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

我们提供的服务有：成都做网站、成都网站设计、成都外贸网站建设、微信公众号开发、网站优化、网站认证、澧县ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的澧县网站制作公司

input:checked+ol:这个是讲当inoput 拥有了checked后它平级的OL拥有的样式。
input:checked+ol>li:中的大于是指当inoput 拥有了checked后它平级的OL下面儿子辈的li的样式，孙子辈的不继承。

Html代码

 

选中下面的项试试

• 蓝色


• 红色


• 黑色

选中下面的项试试

• 蓝色


• 红色


• 黑色

子节点样式

孩子

孙子

重孙子

孩子

孙子

重孙子

关于CSS中怎么实现平级与儿子级样式就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

文章标题：CSS中怎么实现平级与儿子级样式-创新互联
标题URL：http://6mz.cn/article/dicsoo.html