CSS3选择器

1. 属性选择器

/* 1.简单属性选择 */
input[value] {  /* 带有'value'属性的元素 */
	...
}
input[value][type] {  /* 根据多个属性进行选择 */
	...
}
/* 2.根据具体属性值选择 */
input[type=text] {  /* 'type'属性 值='text'的元素 */
	...
}
/* 3.根据部分属性值选择 */
input[class^=val] {  /* 'class'属性 值以'val'开头的元素 */
	...
}
input[class$=val] {  /* 'class'属性 值以'val'结尾的元素 */
	...
}
input[class*=val] {  /* 'class'属性 值含有'val'的元素 */
	...
}

2. 结构伪类选择器

ul li:first-child {
}
ul li:last-child {
}
ul li:nth-child(n) {
}
ul li:first-of-type {
}
ul li:last-of-type {
}
ul li:nth-of-type(n) {
}

3. 伪元素选择器

p::before {
	content: "内容";
}
p::after {
	content: "内容";
}