看图，为什么设置了p{color:red!important}，第二段还有绿色文字-慕课网

首页课程实战体系课手记专栏慕课教程

看图，为什么设置了p{color:red!important}，第二段还有绿色文字

来源：9-4 为所欲为 - 选择器最高层级!important

_格子

2016-03-15 15:21

求解答~3k.u。

写回答关注

3回答

漫步人间

2016-03-15 15:31:55

已采纳

important只是设置p标签的权重最高，而span继承p标签的权重很低，没有类选择器权重高，所以span里的文本是绿色的

0 0
忆_卿

2016-04-15 09:53:38

首先，p{color:res!important;}和.first{}都作用于P标签，因为p{}有!important 所以字段全红，但是.first{}不仅仅作用于P标签还有span<>标签，这个时候就近原则。

0 0
慕函数4264828

2016-03-15 15:28:32

class的优先级高于标签的优先级

1 0

_格子

应该不是这样吧，不然第一段也就应该是绿色

2016-03-16 09:40:51

共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1223116 学习 · 18212 问题

相似问题

分组选择符，要求把第一段全部文字设置成绿色，第二段文字中的“简单”设置为绿色。

回答 3

问题是第一段全部文字设置绿色，答案的结果里第一段文字里还是有红色

回答 2

9-4节、p{color:red !important;} p span.first{color:green;}这段代码设置之后span标有变红。

回答 2

第一段全部文字颜色设置为绿色时，胆小如鼠仍为红色

回答 4

p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} #second{color:blue;}

回答 1

打开慕课网App查看更多内容