CSS选择器

该作者 内容 非常详细http://www.jianshu.com/p/36ae44a9ec00#001_2
1.标签选择器、类选择器、id选择器、通配符
/* 标签选择器 */ div{ color:#00ff00; font-size: 25px; font-weight: 900; font-family: "楷体"; } p{ color:#ffffff; background: #666666; font-weight: normal; } /* 类选择器 */ .class_div{ color: #ffff00; } /* id选择器 */ #id_div{ color: #0000ff; } /* 通配符 */ * { color:#ff00ff; }

2.并集选择器、交集选择器、后代选择器、子代选择器
/* 并集选择器 设置span标签与class="class_bj"的标签样式*/
        span,.class_bj{
            color: #0033ff;
        }

        /* 交集选择器 设置p标签并且class="class_p_jj的标签样式"*/
        p.class_p_jj{
            background: #ffff99;
        }

        /* 后代选择器 设置父容器的class="class_father"的下的所有p标签的样式*/
        .class_father p{
            background: #666666;
        }

        /* 子代选择器  设置父容器的class="class_father2"的直接子标签p*/
        .class_father2>p{
            background : #993333;
        }
原文地址:https://www.cnblogs.com/zzzzzzzsy/p/6572224.html