这篇文章主要是分享CSS的层次和子样式的风格，比较适合初学者，对学习CSS的朋友可以参考一下。




输入：检查+ OL：这是OL风格，通过其拥有的水平时，inoput已检查。
输入量越大：选中的是：李子的样式，检查后在OL的水平以下，孙子不继承。

HTML代码

复制代码代码如下所示：




用户界面（UI）元素状态伪类选择器：checked_css参考手册_web前端开发参考书系列

输入{
输入{ } =检查：+
输入{类型}：复选框检查+跨{背景：# F00；}
输入{复选框}
div.classfather > div.classson div.classson {
背景颜色：浅灰色；
行高：40px；
}
div.classfather > > > div.classson div.classsons div.classsonc {
背景颜色：浅灰色；
行高：40px；
}





选择以下项目尝试

蓝色
红色
黑色



选择以下项目尝试

蓝色
红色
黑色



子节点样式

儿童
孙子
曾孙



儿童
孙子
曾孙