+CSS+选择器のバックアップ(No.1)

后代选择器 †[edit]

后代选择器又称为包含选择器，可以选择父元素里面的子元素。其写法就是把外层标签写在内层标签前面，中间用空格隔开。

语法：元素1 元素2 {样式声明}元素1和元素2中间用空格隔开元素1是父级，元素2是子级，最终修改的样式是元素2

子选择器只能选择作为某元素的最近一级子元素。语法：元素1>元素2 {样式声明}元素1和元素2中间用大于号隔开元素1是父级，元素2是子级，最终修改的样式是元素2

并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明。并集选择器是各选择器通过英文逗号（，）连接而成，任何形式的选择器都可以作为并集选择器的一部分。

语法：元素1,元素2 {样式声明}元素1和元素2中间用逗号隔开最终修改的样式是元素1和元素2

伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。

a:link        /*选择所有未被访问的链接*/
a:visited     /*选择所有已被访问的链接*/
a:hover       /*选择鼠标指针位于其上的链接*/
a:active      /*选择活动链接(鼠标按下未弹起的链接)*/

为了确保选择器生效，需要按照LVHA的顺序进行声明：link-visited-hover-active链接伪类选择器实际开发常用写法：

a {
   color: gray; 
}
a:hover {
   color:red; /*鼠标经过的时候，由原来的灰色变成红色*/
}

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

input:focus {
    background-color:yellow;
}

Comment：