Question

2),常用的CSS选择器有哪些?

Answer 1

• 标签选择器：通过标签名称来选取元素，例如 "p" 表示所有段落。

• 类选择器：通过类名来选取元素，使用 "." 符号来定义，例如 ".my-class" 表示所有具有 "my-class" 类名的元素。

• ID 选择器：通过元素的 ID 名称来选取元素，使用 "#" 符号来定义，例如 "#my-id" 表示具有 "my-id" ID 名称的元素。

• 属性选择器：通过元素的属性来选取元素，例如 "[type='text']" 表示所有 type 属性为 text 的元素。

• 伪类选择器：通过元素的状态或位置来选取元素，例如 ":hover" 表示鼠标悬停在元素上时的样式。

• 伪元素选择器：可以选取元素中某些部分的样式，例如 "::after" 表示在元素内容后添加一个伪元素。

• 后代选择器：选取指定父元素下的子孙元素，例如 "div p" 表示所有 div 元素下的所有段落元素。

• 相邻兄弟选择器：选取紧接在另一个元素后面的元素，例如 "h1 + p" 表示紧接在 h1 元素后面的第一个段落元素。

• 通用选择器：选取所有元素，使用 "" 符号来定义，例如 "" 表示所有元素都被选取。

Answer 2

一、基础选择器 1、标签选择器 2、类选择器 3、id选择器 4、通配符选择器 5、总结 二、复合选择器 1、后代选择器 2、子选择器 3、并集选择器 4、伪类选择器 一、基础选择器 下列语法都以内部样式表为例~ 1、标签选择器 语法: <style> 标签名 { 样式声明; } </sty...