css样式的优先级

来源:互联网 发布:java eclipse 编辑:程序博客网 时间:2024/06/05 11:48
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<link rel="stylesheet"href="../css/first.css">-->
   <style>
       #price{
           color:greenyellow;
           font-size: 50px;
       }
       #price1{
           color:greenyellow;
           font-size: 50px;
           text-decoration: underline;  <!-- 只覆盖相同元素 -->
       }
   </style>
    <link rel="stylesheet"href="../css/first.css">
    <title>css样式的优先级</title>
</head>
<body>
<!--行内样式的优先级比内部样式高-->
<!--内部样式的优先级比外部样式高-->
<!--以上效果的实现要符合“就见原则”-->
<p>
    电脑 <span id="price"style="color: red;font-size: 40px">1</span>元起
</p>
<p>
    电脑 <span id="price1">1</span>元起
</p>
</body>
</html>
0 0
原创粉丝点击