前端开发中，选择器是非常重要的一部分。CSS 选择器是用于选取 HTML 或 XML 文档中特定元素的模式，通过这些模式可以控制页面的样式。在前端开发中，常用的 CSS 选择器有以下几种：
- 标签选择器
标签选择器是通过 HTML 标签名称来选取元素，例如：
p {
color: red;
}上述代码将会把页面中所有的 <p> 标签的文字颜色设置为红色。
- ID 选择器
ID 选择器是通过 HTML 元素的 ID 属性来选取元素，例如：
#my-element {
font-size: 20px;
}上述代码将会把页面中 ID 为 my-element 的元素的字体大小设置为 20px。
- 类选择器
类选择器是通过 HTML 元素的 class 属性来选取元素，例如：
.my-class {
background-color: blue;
}上述代码将会把页面中所有具有 my-class 类的元素的背景颜色设置为蓝色。
- 属性选择器
属性选择器是通过 HTML 元素的属性来选取元素，例如：
input[type="text"] {
border: none;
}上述代码将会把页面中所有的文本输入框的边框去掉。
- 伪类选择器和伪元素选择器
伪类选择器是通过 HTML 元素的特定状态来选取元素，例如：hover、active、focus 等；伪元素选择器是通过 HTML 元素的特定部分来选取元素，例如：before、after、first-letter、last-letter 等。例如：
a:hover {
text-decoration: underline;
}上述代码将会把鼠标悬停在链接上时添加下划线。
标签：必看,元素,CCS,选取,HTML,ID,选择器,页面 From： https://blog.51cto.com/u_16228250/7425402