为了账号安全,请及时绑定邮箱和手机立即绑定

p.first{color:green;}为什么只影响<p class="first">里面的字体颜色,而不影响<span class="first">里面字体的颜色?

p.first{color:green;}为什么只影响<p class="first">里面的字体颜色,而不影响<span class="first">里面字体的颜色?

 还有

p{color:red!important;}

p .first{color:green;}/*加空格*/

前面设置了最高权值,为什么“简单”还是会绿色?


正在回答

2 回答

p.frist{color:green;} 表示的本就是class="first的p标签,也就是标签<p class="first”>,所以只影响标签里面的字体颜色。

而<span class="first">跟p.frist{color:green;} 没有半毛钱关系,自然不影响。

p .frist{color:green;} 加了空格后的意思是表示p标签中class="first“的子标签,跟<p>标签不属于同一层级,不看权重,p .frist{color:green;}已经定义其为绿色,便为绿色。

0 回复 有任何疑惑可以回复我~

p.first{color:green};

不加空格是交集选择器,它只在p里面找有.first的元素。它和p .first/*加了空格的后代选择器还是有区别的*/

p{color:red!important;}

这样写没错啊,要不你在原文中再检查下(符号中英文输入什么的)


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

p.first{color:green;}为什么只影响<p class="first">里面的字体颜色,而不影响<span class="first">里面字体的颜色?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信