零基础CSS入门教程(6)——通配符选择器

简介: 我们上几节课学习了id选择器和class选择器,那我们这一小节学习一下通配符选择器。我们这里说的通配符选择器也是全选选择器,这个选择器的通途一般是在,清除浏览器默认样式时候使用。效果如下通配符选择器也叫全选选择器,我们一般会在清除浏览器默认格式的时候使用。

本章目录

1.任务目标

我们上几节课学习了id选择器和class选择器,那我们这一小节学习一下通配符选择器。

2.通配符选择器

我们这里说的通配符选择器也是全选选择器,这个选择器的通途一般是在,清除浏览器默认样式时候使用。

3.代码演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--这个选择器 就一个* 他可以全选任何内容-->
    <style>
        *{
            color: blue;
        }
    </style>
</head>
<body>
    <p>你好啊</p>
    <p>你吃饭了吗</p>
    <p>你在干啥呢莫</p>
    <div>hhhh</div>
</body>
</html>

效果如下

4.小结

通配符选择器也叫全选选择器,我们一般会在清除浏览器默认格式的时候使用。

相关文章
|
5天前
|
移动开发 前端开发 HTML5
2024.3.30-认识 CSS (文本样式、复合选择器)
2024.3.30-认识 CSS (文本样式、复合选择器)
|
2天前
|
前端开发
CSS选择器详解与应用实例
CSS选择器详解与应用实例
105 44
|
2天前
|
前端开发 开发者
CSS伪类选择器:增强内容表现力的利器
CSS伪类选择器:增强内容表现力的利器
11 4
|
3天前
|
前端开发
CSS 选择器优先级详解及实例演示
CSS 选择器优先级详解及实例演示
5 0
|
3天前
|
前端开发 开发者
CSS 选择器与相关规则详解
CSS 选择器与相关规则详解
6 0
|
4天前
|
前端开发
技术经验分享:CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
技术经验分享:CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
|
5天前
|
移动开发 前端开发 JavaScript
CSS3 选择器魔法秀:让你的网页焕然一新
CSS3 选择器魔法秀:让你的网页焕然一新
|
5天前
|
前端开发 JavaScript 索引
详细解读CSS选择器分类大全
详细解读CSS选择器分类大全
|
5天前
|
存储 移动开发 前端开发
CSS3 引入方式+CSS3 复合选择器
CSS3 引入方式+CSS3 复合选择器
|
5天前
|
移动开发 前端开发 HTML5
认识 CSS (基础选择器、字体样式)
认识 CSS (基础选择器、字体样式)