标签名选择器、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
```
相关阅读:
APP基本测试用例
 工业机器人模拟题
 docker对已经启动的容器添加目录映射(挂载目录)
OpenP2P实现内网穿透远程办公
 rust学习——智能指针
 快速认识什么是：Docker
Access-Control-Allow-Origin跨域问题，使用Nginx配置来解决
 淘宝问大家怎么投诉不良评价？
【RocketMQ】消息的拉取
 【软考篇】中级软件设计师第四部分（三）
原文地址：https://blog.csdn.net/weixin_46065214/article/details/126344635

标签名选择器

需求：

id选择器

需求：

class类型选择器

需求：

组合选择器

需求：