css选择符归纳

Css语法是：

选择符{属性：属性值；}

（所有的css代码都要放在css样式表里面。注意标点符号，css声明放在大括号里，属性和属性值用冒号链接，结尾加分号。一个属性有多个属性值时，属性值之间用空格隔开。Eg：    div{float:left;}）

选择符就是给标签起名字，其中选择符有以下几种分类：

一、      类型选择符

所有的html标签都可以当选择符用（div/a/b/span……）

类型选择符能选中当前结构里面全部同名标签，用于想统一某一个标签样式的时候或者是清除某个标签默认样式的时候。

二、      id选择符

起名字：<标签 id="名称"></标签>

写样式：#名称{ 属性:属性值 }

Id选择符具有唯一性，一个id名只能用一次，用来划分网页外围结构。

三、    类选择符（class选择符）

起名字：<标签 class="名称1 名称2 名称3 名称4..."></标签>

写样式：.名称{属性:属性值;}

类选择符用于制定一类样式，一个元素可以有多个类名,类名可以重复出现。

四、    群组选择符

以逗号分隔的方式,把多个选择器组成一组,给整组添加样式：选择符1,选择符2,选择符3,选择符4{ 属性:属性值; }

Eg： 

五、    包含选择符

父元素 子元素{ 属性:属性值; } 

 

六、    伪类选择器

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

a:visited {color: green;} /* 已访问的链接状态 */

a:hover {color: blue;} /* 鼠标滑过链接状态 */

a:active {color: yellow;} /* 鼠标按下去时的状态 */

通常只会用到hover，否则显得花哨。

 

七、    通配符（*）

*用于选择页面中的所有元素

Eg：