博客列表 >css选择器优先级

css选择器优先级

花舞花落淚的博客
花舞花落淚的博客原创
2019年01月25日 23:04:03964浏览

实例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>css选择器优先级</title>

    <style>

       h3{color: #000;

         background: lawngreen;

         }

     .one{

         background: pink;

         }

     #two{

         background: lightseagreen;

         }

   

    </style>

</head>

<body>

    <h3>花开花落花无悔,缘来缘去缘如水。</h3>

    <h3 class="one">花开花落花无悔,缘来缘去缘如水。</h3>

    <h3 clsss="one" id="two">花开花落花无悔,缘来缘去缘如水。</h3>

    <h3 class="one" id="two" style="background:red">花开花落花无悔,缘来缘去缘如水。</h3

</body>

</html>

运行实例 »

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

     css选择器优先级:标签选择器 < class选择器 < id选择器 < 内联样式style

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