问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

大佬们帮我看看这段代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=uft-8">
<title>重要性</title>
<style type="text-css">
p{color:red!important;}/*!important要写在分号的前面;!important权值最大!*/
P{color:green;}
#Setpink{color:pink;|}
</style>
</head>
<body>
<p>选不中我,选不中我,我不会变色</p>
<div id="Setpink">
<tbody>
<table>
<tr>
<td>wo</td>
<td>ai</td>
<td>ni</td>
</tr>
<tr>
<td>ni</td>
<td>ai</td>
<td>wo</td>
<td>me</td>
</tr>
</table>
</tbody>
</div>
</body>
</html>

我看了半天没看出错在哪里,大佬们帮我看一哈

提问者:CHUNALAI 2017-05-21 00:44

个回答

  • 慕圣8810378
    2017-05-21 08:33:11
    已采纳

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>重要性</title>

    <style type="text/css">

    p{color:red!important;}/*!important要写在分号的前面;!important权值最大!*/

    P{color:green;}

    #Setpink{color:pink;|}

    </style>

    </head>

    <body>

    <p>选不中我,选不中我,我不会变色</p>

    <div id="Setpink">

    <tbody>

    <table>

    <tr>

    <td>wo</td>

    <td>ai</td>

    <td>ni</td>

    </tr>

    <tr>

    <td>ni</td>

    <td>ai</td>

    <td>wo</td>

    <td>me</td>

    </tr>

    </table>

    </tbody>

    </div>

    </body>

    </html>

  • qq_一米小光_0
    2017-08-31 16:04:04

    #Setpink{color:pink;|}后面的竖线是什么意思?

  • 叫我元袁403143
    2017-06-16 18:01:42

    text-css改成text-css   uft小写弄成UFT大写

  • 慕数据6971917
    2017-06-16 16:06:50

    <style type="text-css">改为<style type="text/css">

  • 慕仙9571333
    2017-05-21 08:48:17

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=uft-8">

    <title>重要性</title>

    <style type="text-css">

    p{color:red!important;}/*!important要写在分号的前面;!important权值最大!*/

    P{color:green;}

    #Setpink{color:pink;|}

    </style>

    </head>

    <body>

    <p>选不中我,选不中我,我不会变色</p>

    <div id="Setpink">

    <tbody>

    <table>

    <tr>

    <td>wo</td>

    <td>ai</td>

    <td>ni</td>

    </tr>

    <tr>

    <td>ni</td>

    <td>ai</td>

    <td>wo</td>

    <td>me</td>

    </tr>

    </table>

    </tbody>

    </div>

    </body>

    </html>