伪类和伪元素

在开发网页样式中，选择器必不可少，而且选择器也是在开发css中非常重要的内容，包括常用的类选择器，id选择，同时还有伪类，伪类选择器最大的特点就是冒号开头。平时也经常会有小伙伴问到，在使用的时候有伪类，也有伪元素，有些添加单冒号，有些添加双冒号，有没有什么区别？

在网上总结的比较多的一个特点就是，其实在使用的时候，无论是伪类还是伪元素都是可以用单冒号的。但是伪元素可以用双冒号，而伪类只能用单冒号。符合标准而言，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素。

层叠样式表 (CSS) 是一种编程语言，可用于确定电子文档的设计。 借助简单说明（以清晰的源代码形式呈现），可以根据需要调整布局、颜色和版式等网站元素。 由于级联样式表，文档的语义结构和内容不受影响。 CSS 出现于 20 世纪 90 年代中期，现在被认为是万维网上的标准样式表语言。

上篇《Selenium 入门（基于 Python）

当CSS选择器开始"减肥"

你是否也曾面对这样的CSS代码发愁？

header p:hover,
main p:hover,
footer p:hover {
  color: red;
  cursor: pointer;
}

选择器类型

1.ID #id

2.class .class

3.标签 p

4.通用 *

CSS选择器（选择符）就是根据不同需求把不同的标签选出来，这就是选择器的作用。 简单来说，就是选择标签用的。

选择器分为基础选择器和复合选择器两个大类，这里先介绍一下基础选择器。

• 基础选择器是由单个选择器组成的
• 基础选择器又包括：标签选择器、类选择器、id 选择器和通配符选择器

一、容器查询：组件级响应式设计的突破

传统响应式设计依赖视口尺寸（如@media查询），而容器查询（Container Queries） 允许组件根据父容器尺寸动态调整样式，实现真正的模块化布局。2025年，所有主流浏览器已全面支持这一特性（Chrome 135+、Firefox 121+、Safari 16+），彻底改变了组件复用的局限性。

css既是层叠样式表，通过它可以装饰html网页，使其变漂亮，而怎么变呢？就要通过css选择器了，选择html标签再设置其属性及其属性值就OK啦

一 单一选择器

1、标签选择器（元素选择器）：标签{}

CSS:<style>P{color：red} <style>