css 选择器 第一级

CSS（Cascading Style Sheets）的选择器是用来选择 HTML 元素并设置样式属性的工具。其中，第一级的选择器主要包括基本选择器、组合选择器和伪类选择器。

基本选择器：

①元素选择器以 HTML 元素名为选择器，在页面中选择该元素的样式属性进行编辑。示例代码：p { color: red; }

②ID 选择器以 HTML 元素的 id 属性为选择器，在页面中选择该元素的样式属性进行编辑。示例代码：#my-id { font-size: 20px; }

③类选择器以 HTML 元素的 class 属性为选择器，在页面中选择该元素的样式属性进行编辑。示例代码：.my-class { background-color: green; }

组合选择器：

①后代选择器以“空格”符号为间隔，在 HTML 中选择父元素的样式属性进行编辑。示例代码：p span { font-size: 16px; }

②子元素选择器以“> ”符号为间隔，在 HTML 中选择子元素的样式属性进行编辑。示例代码：ul > li { border: 1px solid black; }

③相邻兄弟选择器以“+”符号为间隔，在 HTML 中选择相邻兄弟元素的样式属性进行编辑。示例代码：h2 + p { font-weight: bold; }

④通用兄弟选择器以“~”符号为间隔，在 HTML 中选择所有兄弟元素的样式属性进行编辑。示例代码：h3 ~ p { color: blue; }

伪类选择器：伪类选择器是用来选择 HTML 元素的特定状态，例如鼠标悬停、链接访问等等。常见的伪类选择器有：:hover、:link、:visited、:active 等等。示例代码：a:hover { text-decoration: underline; }

以上就是 CSS 选择器中第一级的内容介绍，掌握这些基础选择器和组合选择器，可以为页面元素的样式设计提供更多的实现方式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！