标签名选择器、id选择器、class类型选择器、组合选择器

标签名选择器、id选择器、class类型选择器、组合选择器
标签名选择器

标签名选择器格式：

标签名{

属性：值；

}

标签名选择器，可以决定那些标签被动的使用这个样式

需求：

在所有div标签上修改字体颜色为蓝色，字体大小为30个像素，边框为1个像素黄色实线；

并修改所有span标签的字体颜色为黄色，字体大小为20个像素，边框为5个蓝色虚线
```
    
    标签名选择器
    


    div标签1
    div标签2
    span标签1
    span标签2
```
id选择器

id选择器格式：

#id属性值{

属性：值；

}

id选择器，可以让我们通过id属性选择性的去使用这个样式

需求：

分别定义两个div标签，第一个div标签定义id为id001，根据id属性定义css样式修改字体为蓝色，字体大小为30个像素，边框为1个像素黄色实线；第二个div标签定义为id002，根据id属性定义css样式，修改字体颜色为红色，字体大小为20个像素，边框为5个像素蓝色虚线
```
    
    id选择器
    


  div标签1
  div标签1
```
class类型选择器

class类型选择器的格式：

.class属性值{

属性：值；

}

class类型选择器，可以通过class属性有效的选择性的去使用该样式

需求：

修改class属性值为class01的span或div标签，字体颜色为蓝色，字体大小为30个像素，边框1个像素黄色实线；修改class属性值为class02的div标签，字体颜色为灰色，字体大小为26个像素，边框为1个像素红色实线
```
    
    Class类型选择器
    



  div标签1class01
  div标签2class02
  span标签1class01
  span标签2
```
组合选择器

组合选择器的格式：

选择器1，选择器2，选择器n{

属性：值；

}

组合选择器可以让多个选择器共用同一个css样式代码

需求：

修改class="class01"的div标签和id="id01"所有的span标签，字体颜色为蓝色，字体大小为20个像素，边框为1个像素黄色实线
```
    
    组合选择器
    


    div标签01class01
    span标签01
    div标签02
```
相关阅读:
OpenCV4.9.0开源计算机视觉库在 Linux 中安装
 历时2月，动态线程池 DynamicTp 发布里程碑版本 V1.0.8
【学习日记】使用Xtion相机/SDK/openni2环境搭建
 Spring中的响应式编程实践：从Spring MVC到WebFlux的转变
 集业界最优资源，SAIC AI LAB 2.0技术架构如何将Robotaxi量产变为可能？
STM32F429主控TB6612驱动直流电机----解决PWM波形未输出bug
车载电子电器架构 —— 车载芯片技术简介
 流动舞台车改装设计（说明书+任务书+开题报告+评分表+cad图纸）
尚硅谷–MySQL–基础篇（P1~P95）
MSQL系列(五) Mysql实战-索引最左侧匹配原则分析及实战
原文地址：https://blog.csdn.net/weixin_46065214/article/details/126344635

标签名选择器

需求：

id选择器

需求：

class类型选择器

需求：

组合选择器

需求：