这篇文章主要与大家分享了css 平级和儿子级样式的写法，比较适合初学者，正在学习css 的朋友可以参考下
input:checked+ol:这个是讲当inoput 拥有了checked后它平级的OL拥有的样式。
input:checked+ol>li:中的大于是指当inoput 拥有了checked后它平级的OL下面儿子辈的li的样式，孙子辈的不继承。
Html代码
用户界面(UI)元素状态伪类选择符 E:checked_CSS参考手册_web前端开发参考手册系列 input[type=radio]:checked + span{background:blue;} input[type=radio]:checked + span:after{content:" 我被选中了";} input[type=checkbox]:checked + span{background:#f00;} input[type=checkbox]:checked + span:before{content:" 我被选中了";} p.classFather > p.classSon p.classSon{ background-color: lightgray; line-height: 40px; } p.classFather > p.classSon > p.classSonS > p.classSonC { background-color: lightgray; line-height: 40px; }
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
立即学习“前端免费学习笔记（深入）”；
css3实现的竖形二级导航
使用 css3 实现圆形进度条的方法
利用CSS3制作的鼠标悬停时边框旋转
以上就是关于CSS 平级和儿子级样式的写法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1610568.html
微信扫一扫 
支付宝扫一扫 
