基础选择器之通配符选择器

最新推荐文章于 2024-06-19 15:19:49 发布

倔强的小白菜

最新推荐文章于 2024-06-19 15:19:49 发布

阅读量1.8k

点赞数

分类专栏：前端基础文章标签： css

本文链接：https://blog.csdn.net/weixin_47481102/article/details/124166260

版权

本文介绍了CSS中的通配符选择器，该选择器以星号(*)表示，用于选取页面上的所有元素。虽然通常不建议大量使用，但在特定场景下非常有用。文章将探讨其语法和适用情况，并提供练习帮助读者掌握这一技巧。

摘要由CSDN通过智能技术生成

在CSS中，通配符选择器使用“*”定义，他表示选取页面中所有元素（标签）。

语法：

* {
    属性1：属性1；
    ....
}

通配符选择器不需要调用，自动就给所有的元素使用样式
特殊情况才使用，后面讲解使用场景

练习：

<!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>基础选择器之通配符选择器</title>
    <style>
        * {
            font-size: 20px;
            font-family: 'Times New Roman', Times, serif;
            font-weight: 700;
        }
    </style>
</head>
<body>
    <h2>将进酒</h2>
    <p>君不见，黄河之水天上来，奔流到海不复回。</p>
    <p>君不见，高堂明镜悲白发，朝如青丝

最低0.47元/天解锁文章

倔强的小白菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基础选择器之通配符选择器

在CSS中，通配符选择器使用“*”定义，他表示选取页面中所有元素（标签）。语法：* { 属性1：属性1； ....}通配符选择器不需要调用，自动就给所有的元素使用样式特殊情况才使用，后面讲解使用场景练习：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
复制链接

扫一扫

专栏目录