web学习CSS2：选择器

1.CSS选择器

1.1标签选择器

        p{
            color: red;
        }

1.2类选择器

1.3 ID选择器

1.4 群组选择器

注意：Class 和 id 的值区分大小写
1.5 全局选择器

1.6 后代选择器

2.伪类

    <style type="text/css">
        a:link{color: blue;} /*未访问状态*/
        a:visited{color: gray;}  /*已访问状态*/
        a:hover{color: green;}  /*鼠标悬浮状态*/
        a:active{color: orange;}  /*激活状态*/
    </style>

hover 和 active 支持其他标签
p:hover{color:red;}
p:active {color:red;}

3.CSS继承和层叠

3.1CSS继承

1.父元素设置样式，子元素可以继承部分属性。(无法继承的通过群组设置。可以减少CSS代码)
2.样式冲突会忽略继承得来的样式

3.2CSS层叠

4.CSS优先级

1
2




权值高的显示
提高优先级

总结：

5.CSS样式命名

1
2
3
4

id不要滥用，谨慎使用
适当使用class