# 常见选择器

# 标签选择器

HTML标签名称作为选择器

/*语法*/
标签名 {
    属性1：属性值1;
    属性2：属性值2;
    属性3：属性值3;
}

/*语法*/
.类名 {
    属性1：属性值1;
    属性2：属性值2;
    属性3：属性值3;
}

/*语法*/
#id名 {
    属性1：属性值1;
    属性2：属性值2;
    属性3：属性值3;
}

选取页面中所有元素（标签）

/*语法*/
* {
    属性1：属性值1;
    属性2：属性值2;
    属性3：属性值3;
}

建立在基础选择器之上，对基础选择器进行组合形成的

/*语法*/
元素1 元素2 {
    /*样式声明*/
    /*元素2只要包含在元素1里面即可，无论是儿子还是孙子*/
}

只能选择某元素的最近一级的子元素

/*语法*/
元素1 > 元素2 {
    /*样式声明*/
}

可以选择多组标签为他们定义相同的样式，通常用于集体声明

/*语法*/
元素1, 元素2 {
    /*样式声明*/
    /*约定语法规范：并集选择器喜欢竖着写*/
}

可以为某些选择器添加一些特殊的效果

a:link {
    /*选择未被访问的链接*/
}

a:visited {
    /*选择所有已被访问的链接*/
}

a:hover {
    /*选择鼠标位于其上的链接*/
}

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

用于选取获得焦点的表单元素

input:focus {
    /*获得焦点的表单元素*/
}