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

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

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

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

Html代码





用户界面(UI)元素状态伪类选择符 E:checked_CSS参考手册_web前端开发参考手册系列  





选中下面的项试试







选中下面的项试试







子节点样式

孩子
孙子
重孙子




孩子
孙子
重孙子








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


分享标题:CSS中怎么实现平级与儿子级样式-创新互联
本文URL:http://ybzwz.com/article/dicsoo.html