这里面 p.first 是什么意思?
p.first的意思是有.first类的p元素,所以在<p class="first">里面的文字会显示绿色;
“简单”二字虽然是.first类的元素,但.first并不是应用在p标签内的,故不会显示绿色;
要想让“简单”显示绿色,可以增加一行span .first{color:green;}的样式。
楼主原“简单”二字的span class不知是否写成了 clas,需要在css样式中一一对应。
直接把p去掉,.first...简单就可以显示为绿色了
回答的挺好
表示选择拥有.first类的p元素
例如:
<style>
p.first{color:red}
</style>
<p>我不会变颜色!</p>
<p class="first">我被选中了,我是红色</p>
<p>标签下的类(class)名为first的元素
p是代表段落,.first代表函数,段落中这个函数会引用,别的段落不会引用,不知道对不对
取p标签中 class 为first 的p标签来设置样式,如果要想让 简单 二字变绿色 需要设置为p .first 注意这里有个空格 或者 p>.first