Q:把右边代码编辑器中的第一段全部文字颜色设置为绿色同时把第二段文字中的“简单”文字颜色设置为绿色 --用不用把第一段中的胆小如鼠也变成绿色 如果需要的话可以怎么去写这个分组选择符 我的写法比较蠢: .first,.first>span,#second>span{color:green;}
.first,#second span{color:green;}
题目的意思是将第一段全部设置成绿色,里面就包括了“胆小如鼠”这几个字。所以用类选择器,ID选择器和包含选择器结合使用就可以了。
.first,span{color:green;} 就这样啊!
直接写
.first,span{color:green;}
分析一下内容就很简单了:
指定第一段文字,所以用第一段的class,即.firist;
指定第二段文字的【简单】,<span>标签也只是另包括了【胆小如鼠】,那就直接用<span>
.first,#second span{color:green;}
不用 根据继承关系,如果没有对.first>span进行样式说明,那么已经把第一段全部设为绿色了,不需要特别说明;
.first,#second>span{color:green;}就可以
活学活用啊,我都没想到。
不用变“胆小如鼠”为绿色,只要直接将第一段全变绿色就可以,写法是.first,#second span{color:green;}
其中.first是变第一段为绿色,#second span的作用是让second下的span标签里的文字变绿色,因为#second是id选择符只能用一次,所以只有优先级高的#second span被变成了绿色
加上.first>a或者将<a>标签的样式去掉