css选择符

CSS选择符

 

 

在逆战班学习有段时间了，下面说一说对这几个选择器的理解。

（1）类型选择符（标签选择器）

     对所有的html标签可以直接当做选择符进行应用；能选中当前结构里面的全部同名标签。

     用法：想统一某一个标签样式的时候或者是清除某个某个默认样式的时候。

 

 

 

 

（2）id选择符

     唯一性！在同一个页面里面，一个id只能使用一次。

     用法：来划分网页的外围结构

 

 

 

 

（3）类选择符（class选择器）

　样式可以复用

    用法：  a：一个元素可以有多个类名，类名可以重复出现

            　  b：可以制定一类的样式

 

 

 

 

 

 

 

 

 

（4）群组选择符

    以逗号分隔的方式，把多个选择器组成一组，给整租添加样式

　用法：  选择符1,选择符2,选择符3{属性:属性值;}

 

 

 

 

（5）包含选择符（子代选择符/后代选择器）   （通过父元素找子元素）

     用法：父元素 子元素{属性:属性值;}

 

 

 

 

（6）伪类选择符

    a:link{color:red;}  未访问的链接状态

    a:visited{color:orange;}  已访问的链接状态

    a:hover{color:yellow;}  鼠标滑过时的链接状态

    hover有两种： 滑过父元素改变子元素的样式 或者 滑过元素自身改变自身的样式

    a:active{color:green;}  鼠标按下时的链接状态

    通常只设置： a{color:black;}

                　　　a:hover{color:gray;}

 

 

 

 

（7）通配选择符

    用法：*{属性:属性值;}

    *{padding:0; margin:0;}   去掉文档默认的padding和margin