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中怎么实现平级与儿子级样式-创新互联
分享地址:http://bzwzjz.com/article/dicsoo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 品牌网站建设 重庆网站制作 定制级高端网站建设 成都网站建设流程 成都网站制作 成都营销网站制作 手机网站建设 四川成都网站设计 营销型网站建设 企业网站设计 成都定制网站建设 成都网站建设公司 app网站建设 企业网站建设 成都品牌网站建设 成都网站制作公司 高端网站设计 公司网站建设 网站设计公司 成都网站建设公司 成都营销网站建设 外贸网站设计方案