css伪元素过滤

input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="radio"] {
display: none;
}
input[type="radio"][id="men"]:checked + label {
background: #6666ff;
}
input[type="radio"][id="women"]:checked + label {
background: #ff4466;
}
input[type="radio"][id="children"]:checked + label {
background: #66dd99;
}
input[type="radio"][id="men"]:checked ~ .women, input[type="radio"][id="men"]:checked ~ .children {
width: 0;
height: 0;
padding: 0;
margin: 0;
opacity: 0;
}
input[type="radio"][id="women"]:checked ~ .men, input[type="radio"][id="women"]:checked ~ .children {
width: 0;
height: 0;
padding: 0;
margin: 0;
opacity: 0;
}
input[type="radio"][id="children"]:checked ~ .men, input[type="radio"][id="children"]:checked ~ .women {
width: 0;
height: 0;
padding: 0;
margin: 0;
opacity: 0;
}

转载于:https://www.cnblogs.com/zhongfufen/p/4547149.html