怜怜
2018-03-04 02:33
p.first{color:green;}为什么只影响<p class="first">里面的字体颜色,而不影响<span class="first">里面字体的颜色?
还有
p{color:red!important;}
p .first{color:green;}/*加空格*/
前面设置了最高权值,为什么“简单”还是会绿色?
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;}已经定义其为绿色,便为绿色。
p.first{color:green};
不加空格是交集选择器,它只在p里面找有.first的元素。它和p .first/*加了空格的后代选择器还是有区别的*/
p{color:red!important;}
这样写没错啊,要不你在原文中再检查下(符号中英文输入什么的)
初识HTML(5)+CSS(3)-升级版
1226742 学习 · 18245 问题
相似问题