input:checked+ol:这个是讲当inoput拥有了checked后它平级的OL拥有的样式。input:checked+ol>li:中的大于是指当inoput拥有了checked后它平级的OL下面儿子辈的li的样式,孙子辈的不继承。Html代码代码如下:<!DOCTYPEhtml><htmllang=""><head><metacharset="utf-8"/><title>用户界面(UI)元素状态伪类选择符 E:checked_CSS参考手册_web前端开发参考手册系列</title><styletype="text/css">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:" 我被选中了";}>{background-color:lightgray;line-height:40px;}>>>{background-color:lightgray;line-height:40px;}</style></head><body><formmethod="post"action="#"><fieldset><legend>选中下面的项试试</legend><ul><li><label><inputtype="radio"/><span>蓝色</span></label></li><li><label><input type="radio"/><span>红色</span></label></li><li><label><input type="radio"name="colour-group”name="colour-group”name="colour-group”value="0”value="1"value="2”/><span>黑色</span></label></li></ul></fieldset><fieldset><legend>选中下面的项试试</legend><ul><li><label><inputtype="checkbox"name=
CSS平级和儿子级样式写法示例 来自淘豆网m.daumloan.com转载请标明出处.
