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

这样编写代码后为何“胆小如鼠”显示为红色

在第八行加入了.first,#second>span{color;green}

正在回答

8 回答

和选择器的优先级有关。分组选择器 优先于标签选择器 。

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

因为#second>span{color;green}是一个id选择器,只作用于id等于second的标签里的span标签

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

我开始也在想这个问题,想通了.

就近原则,胆小如鼠靠近的是span,遵循h1,span{color:red;}


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

因为,如果通用选择器和标签选择器、子一代选择器等共存的话,浏览器会优先处理变迁选择器。所以胆小如鼠那几个字是红色。

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

应该是.first>span,#second>span{};

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

将第7行的h1,span{color:red;}删除试试

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

一页天书 提问者

first对应整第一段,为何不会把“胆小如鼠”由红色覆盖变成为蓝色?
2016-07-26 回复 有任何疑惑可以回复我~
#2

duskrain 回复 一页天书 提问者

我想你的疑问应该是觉得<p>这一整段的权值应该为10(即类first),所以觉得权值为1的<span>应该被覆盖,对吧?你还记得继承这一性质吗,在“胆小如鼠”这里比较的应该是是span(权值为1)和从first中继承的(权值为0.1),所以表现的应该是span的颜色即红色。希望这个答案可以帮到你
2016-07-28 回复 有任何疑惑可以回复我~

.first,#second>span{color:green;}

这条代码相当于:

.first{color:green;};

#second>span{color:green;};

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

.first后面也要加>span

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

举报

0/150
提交
取消

这样编写代码后为何“胆小如鼠”显示为红色

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