博客列表 >css中选择器的优先级-2019年4月24日8点30分

css中选择器的优先级-2019年4月24日8点30分

小李广花荣
小李广花荣原创
2019年04月25日 19:44:28613浏览
  1. 下面我将运用CSS常见的选择器来展示

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css中选择器优先级</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            color: #000;
        }
        .a1{
            color: #00CC66;
        }
        #a2{
            color: red;
        }
    </style>
</head>
<body>
<div class="a1" id="a2" >CSS中选择器的优先级</div>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

下面是运行后视图:

QQ图片20190425194121.png

上方运用了三种常用的选择器 标签 class id

3.综上诉述本节课我学到了选择的常用方法

  标签内联样式>id>class>标签

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议