1.属性选择器 完全匹配的属性选择器 [id=article]{} 示例： <style> input[type=text]{ border: 2px solid red;} </s
完全匹配的属性选择器 [id=article]{}
示例：
结果：前两文本框的边框为两像素红色。
包含匹配元素选择器，包含制定的字符串。
语法：[attribute*=vlue] attribute指的属性名，value 指的是属性值。
示例：
结果：第一个和第三个文本会变红
首字符匹配选择器，只要开头字符符合匹配。
语法：[attribute^=vlue] attribute指的属性名，value 指的是属性值。
示例：
结果：第一个第二个文字变为红色，第三个颜色不变
尾字符匹配选择器，只要匹配结尾的字符串。
语法：[attribute$=vlue] attribute指的属性名，value 指的是属性值。
示例：
结果：第一个和第三个文字变成红色，第二个颜色不变
匹配所有包含该单词属性的选择器。
语法 [attribute~=vlue] vlue 是一个单词
示例：
结果：第一个第二文字会变红，第三个不会变
匹配开头必须是特定单词属性选择器。
语法 [attribute|=vlue] vlue 是一个单词
示例：
结果：第一个第二文字会变红，第三个不会变。
指定元素列表中第一个元素:first-child
语法：li:first-child{}
示例：
结果：第一个li的文字变为红色
指定元素列表中最后一个元素:last-child
语法：li:last-child{}
示例：
结果：最后一个li里的文字变为红色。
父标签下的指定类型的子元素:nth-child
语法：p：nth-child(){}
示例：
结果：第二p标签内的元素变为红色。
结果 ：没有任何效果
选择父标签下的第几个指定元素:nth-of-type
语法：:nth-of-type(){}
示例：
结果：最后一个元素内文字变为红色。
:nth-child(odd),nth-child(even) 选择奇数和偶数。
示例：
- css3巩固
- css3巩固
- css3巩固
- css3巩固
结果：奇数行内的文字变为红色，偶数行内的文字变为
指定的属于父元素特定类型的唯一的子元素:only-of-type。
示例：
结果： 第一个div里面的p元素背景会变成红色 第二div里面的不会变色。
选择指定的空元素p:empty
示例：
结果：第一个li和最后一个li北京会变成红色。
选择器可以用于选取当前活动的目标元素:target。
示例：
服务热线 19970861797
