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

在第11行输入p span{color:purple;}后第二段文字怎么是红色了,不应该是绿色吗? .first{color:green;}/*因为权值高显示为绿色*/

在第11行输入p span{color:purple;}后第二段文字怎么是红色了,不应该两段文字都是是绿色吗?  .first{color:green;}/*因为权值高显示为绿色*/

正在回答

4 回答

一开始我也弄糊涂了,回头看下你会发现中间是空格  意思是把p标签内的span标签字体颜色改变,逗号隔开才是分组选择,即把p和span都变成你设置的样式

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

P span指的是段落p里面的元素span,空格表示所有子类都应用,这个格式的权值为2,虽然开头p{color:red}权值只为1,但是第二段没有span元素,虽然有id选择器但是id选择的style没有写,所以只能匹配到p{color:red}这一句,故第二段是红色的

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

我认为是 第二段<p>内没有其他元素,ID 也没有声明颜色,就算删掉了ID 也一样是红色。因为第二段只有<p></p>,它就是红色

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

第一段中的p后面使用的是类选择器,至于什么是选择器,你可以去复习一下,因为第一段用的是类选择器,.frist是绿色的,第二段中用的是id选择器,绿色是属于类选择器的,第二段中用p+id选择器,id选择器是没有颜色的,但是权值是1+10的,所以第二段是红色

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

举报

0/150
提交
取消

在第11行输入p span{color:purple;}后第二段文字怎么是红色了,不应该是绿色吗? .first{color:green;}/*因为权值高显示为绿色*/

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