css选择器

css选择器大致分为三种

1.全局选择器

*{}选中页面所有元素

2.元素选择器

div{} p{} img{} 选中页面指定元素

3.类选择器

.className{} 所有由class属性 且属性名为className相同

类名可以重复，一个类可以有多个名字 用空格隔开

取名规则

可以包括数字 字母 -

不能由数字开头 尽量起有意义的名字

4.id选择器

#idName{}

id名具有唯一性

选择器优先级

行内样式>id选择器>类选择器>元素选择器>全局选择器

权重1000      100            10            1

5.合并选择器

选择器1，选择器2，选择器3，......{

共同样式；

}

复合选择器

复合选择器包括后代选择器，子选择器，并集选择器，伪类选择器

后代选择器:后代选择器又称为包含选择器，可以选择父元素里面的子元素，遵循元素1 元素2{样式声明} 元素1和元素2中间用空格隔开

子选择器又称为子选择器，只能选择某元素最近的一级子元素，遵循元素1>元素2{样式声明}

并集选择器可以选择多组标签 遵循元素1，元素2{样式声明}

伪类选择器用于给某些选择器添加特殊效果，用“：”表示  包括链接伪类选择器和结构伪类选择器

链接伪类选择器

a:link 未被访问的链接

a:visited 选择所有以被访问的链接

a:hover 选择鼠标指针位于其上的链接

a:active 选择活动链接 （鼠标按下未弹起的链接）

:focus 伪类选择器用于选取获得焦点的表单元素

eg：input:focus{样式声明}