HTML&CSS基础（三）

常用选择器：
⒈元素选择器：通过元素选择器可以选择页面中的所有指定元素。
语法：标签名{}
⒉id选择器：通过元素的id属性值选中唯一的元素
语法：#id属性值{}
⒊类选择器：通过元素的class属性值选中一组元素
语法：.class属性值{}
说明：
①为元素设置为class属性；class属性和id属性类似，但class属性可以重复
② 拥有相同class属性值的元素，我们称他们为一组元素。 4
③可以同时为一个元素设置多个class属性值，多个值之间使用空格隔开。
⒋选择器分组(并集选择器)：通过选择器分组可以同时选中多个选择器对应的元素。
语法：选择器1，选择器2，选择器N{}
⒌通配选择器：选中页面中的所有元素。
语法：*{}
⒍复合选择器(交集选择器)：可以选中同时满足多个选择器的元素。
语法：选择器1选择器2选择器N{}
说明：对于class选择器使用，对于id选择器不建议使用。
⒎后代元素选择器：选中指定元素的指定后代元素
语法：祖先元素 后代元素{}
⒏子元素选择器：选中指定父元素的指定子元素
语法：父元素>子元素{}
⒐伪类选择器：
伪类专门用来表示元素的一种特殊的状态。
如：访问过的超链接，普通的超链接，获取焦点的文本框。
① 当我们需要为处在这些特殊状态的元素设置样式时，就可以使用伪类。
❶正常链接：a:link
❷访问过的链接：a:visited(由于涉及到隐私问题，只能定义字体颜色)
❸鼠标滑过的链接：a:hover
❹正在点击的链接：a:active
:hover和:active不只能为a标签设置，也可以为其他元素设置。
②使用input可以创建一个文本输入框
其他：
❶获取焦点：:focus
❷指定元素前：:before
一般需要结合content样式使用，通过content可以向before或after的位置添加一些内容
❸指定元素后：:after
❹选中的元素：::selection(在火狐中需采用另一种方式编写，即::-moz-selection)
⒑伪元素选择器：使用伪元素来表示元素中的一些特殊位置
给段落定义样式：
①首字母： :first-letter(为第一个字设置一个特殊的样式)
②首行： :first-line (为第一个行设置一个特殊的样式)
⒒属性选择器：可以根据元素中的属性或属性值来选取指定元素
title属性，这个属性可以给任何标签指定。当鼠标移入到元素上时，元素中的title属性的值将会作为提示文字显示。
语法：
①标签[属性名]{} (选取含有指定属性的元素)
②标签[属性名="属性值"]{} (选取含有指定属性值的元素)
③标签[属性名^="属性值"]{} (选取属性值以指定内容开头的元素)
④标签[属性名$="属性值"]{} (选取属性值以指定内容结尾的元素)
⑤标签[属性名*="属性值"]{} (选取属性值以包含指定内容的元素)
⒓其他子元素选择器：
①选择第一个子标签：:first-child
②选择最后一个子标签：:last-child
③选择指定位置的子标签：:nth-child(n)(n是参数，指定要选中的第几个子元素)
even表示偶数位置的子元素；odd表示奇数位置的子元素
④选择指定类型的子标签：:first-of-type；:last-of-type；:nth-of-type；
和前三类的区别：child是在所有子元素中排列；而type是在当前类型的子元素中排列
⒔兄弟元素处理器：
①后一个兄弟元素处理器：可以选中一个元素后紧挨着的指定的兄弟元素
语法：前一个+后一个{}
②选中后边所有的兄弟元素
语法：前一个~后一个{}
⒕否定伪类选择器：可以从已选中的元素中剔除某些元素
语法：:not(选择器)