大佬们帮我看看这段代码

源自：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>

0
qq_一米小光_0

2017-08-31 16:04:04

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

1
叫我元袁403143

2017-06-16 18:01:42

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

0
慕数据6971917

2017-06-16 16:06:50

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

1
慕仙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>

0