制作css选择器

CSS选择器制作方法

类型选择器
直接使用HTML元素名称作为选择器，例如p会选择所有段落元素。

类选择器
在类名前加小数点，例如.header会选择所有class属性包含"header"的元素。

ID选择器
在ID名前加井号，例如#main-content会选择id属性为"main-content"的元素。

属性选择器
使用方括号指定属性，例如[type="text"]会选择所有type属性为text的元素。

后代选择器
用空格分隔元素，例如div p会选择所有在div元素内部的p元素。

子元素选择器
使用大于号，例如ul > li只会选择直接作为ul子元素的li。

相邻兄弟选择器
使用加号，例如h1 + p会选择紧接在h1元素后的第一个p元素。

通用兄弟选择器
使用波浪号，例如h1 ~ p会选择所有与h1同级的p元素。

伪类选择器
以冒号开头，例如:hover会在鼠标悬停时应用样式。

伪元素选择器
使用双冒号，例如::before会在元素内容前插入生成内容。

组合选择器
多个选择器可以组合使用，例如div.content > p:first-child会选择div.content中第一个子p元素。

通用选择器
使用星号，例如*会选择页面上的所有元素。

否定选择器
使用:not()，例如div:not(.sidebar)会选择所有不包含sidebar类的div元素。

选择器组
用逗号分隔多个选择器，例如h1, h2, h3会同时选择所有h1、h2和h3元素。