css新增选择器 |css调整上下居中

CSS3新增的选择器功能包括一些非常实用的选择器，比如：

/* 属性选择器 */
input[type="text"] {
/* 样式代码 */
}
/* 伪类选择器 */
a:visited {
/* 样式代码 */
}
/* 伪元素选择器 */
p::before {
/* 样式代码 */
}

属性选择器是根据元素的属性值进行选择的。例如上面的代码中，就是选择了所有type为text的input元素，从而方便地对这些元素进行样式化。

伪类选择器是根据元素的状态或行为进行选择的。例如，:visited就是一个伪类选择器，用于选择已经被访问过的链接元素，从而便于对这些链接元素进行特殊的样式化。

伪元素选择器是根据元素的某个部分进行选择的。例如，::before就是一个伪元素选择器，用于在元素的内容前面添加一些内容，从而方便进行设计和样式化。

新增选择器的功能给了大家更多选择元素的方式，能够让大家更加精细地对页面进行样式化。例如，如果大家要对一个包含有多张图片的页面进行样式化，大家就可以使用属性选择器选择所有带有指定class的图片元素，再使用伪元素选择器来对图片进行一些特殊的样式化处理。这样会极大的方便大家样式化页面元素的效率，同时也能够使得大家的样式代码更加清晰易懂。