学习记录 --【零基础CSS学习】05.并集选择器和交集选择器

目录

前言

一、并集选择器

二、交集选择器

---

前言

写这个初衷是为了记录自己学习的过程，强制打卡，希望自己不要半途而废，也希望可以给和我一样的入门小白提供一些参考。

我的学习就是跟着视频学习，浏览一些教学网站，边看边学边练，希望大家一起进步。

一、并集选择器

并集选择器
1.同时选中多个元素
2.选择时要用","连接
3.标签选择器，id选择器，class选择器都可以混合使用

示例1：

利用并集选择器，同时选择div和第一个p元素，对里面的内容进行相同的样式设置

    
    
    


    
我想去学习
    
我是1号p元素
    
我是2号p元素

其实除了用并集选择器这么做以外，还能为div和p元素设置同一个类名，也可以实现

    
    
    


    
我想去学习
    
我是1号p元素
    
我是2号p元素

二、交集选择器

1.选择的元素要同时满足多个条件
2.选择器间紧紧相连
3.标签选择器放在前，类选择器在后

示例：

    
    
    


我要自学网1
    
我要自学网2
    
我要自学网3