前端开发：CSS选择器详解

前言

做前端开发的都知道，CSS的选择器常用的大概分为五类：元素选择器、id选择器、类选择器、属性选择器、伪类选择器。而且CSS的选择器也是根据优先级顺序来执行的，实际开发中会根据业务场景的需要结合选择器的顺序，来选择使用选择器。本章博文就来分享一下常用的CSS的选择器中的各个选择器的具体知识点，总结一下，方便查阅使用。

CSS 选择器作用

CSS中，CSS选择器主要是用来“查找”（或选取）要设置样式的HTML元素，主要是查找元素的。

CSS选择器分类

CSS选择器根据具体常用的主要分为五类：元素选择器、id选择器、类选择器、属性选择器、伪类选择器。

1、元素选择器

元素选择器就是按照给定的节点名称，选择所有匹配的元素，也就是根据元素名称来选择HTML元素。

语法：elementname

示例：当前页面所有的 <p> 元素都居中对齐，并设置黑色文本颜色。

p {

     text-align: center;

     color: black;

}

2、id选择器