当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>

最近大一新生们刚刚结束第一个学期的学习，接踵而来的问题也越来越多，不同的学校有不同的学习节奏，但是基本上都是从C语言或者c++开始学起。现在越来越多的人对于“学习C语言还有必要吗？”这件事比较纠结。

首先很多人觉得C语言是c++的子集，觉得直接学习c++就可以了，还要花费一个学期的时间先学C语言有必要吗？

本身C语言和c++的编程方法不同，一个面向过程，一个面向对象。而要做出大型的、复杂的、精彩的程序，面向对象的语言就更适合。所以要学习c++这样的语言。但是，1.c语言是好多学校的基础课；2.c语言很容易描述算法；3.软件开发过程中也有很多面向过程的开发，以及模块化程序设计思想。要学习这些，比起学c++的复杂、困难程度，学c语言就可以达到上述目的。

C语言是一种通用的、结构化的、高效的编程语言，它可以用来开发各种应用程序，如操作系统、数据库、图形界面、网络通信等。

这里我们把“编译器”和“IDE（集成开发环境）”当做一个概念，不再加以区分。

C语言的集成开发环境有很多种，尤其是 Windows 下，多如牛毛，初学者往往不知道该如何选择，本节我们就针对 Windows、Linux 和 Mac OS 三大平台进行讲解。

作者 | Nabil Elqatib

译者 | 平川