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

.first和p.first有什么区别?p.first为什么第一段可以用在第二段却用不了?如果把P去掉两段有能用了。。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>!important</title>
<style type="text/css">
p{color:red;}
p.first{color:green;}
</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span class="first">简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
    
</body>
</html>

正在回答

11 回答

直接.class名  设置所有这个class的属性,p.class名 则是设置<p>标签下.class名的属性

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

geguangfu 提问者

非常感谢!
2016-09-01 回复 有任何疑惑可以回复我~

.first和p.first有什么区别?p.first为什么第一段可以用在第二段却用不了?如果把P去掉两段有能用了。。

.first 的作用域为所有类名为“first”的元素;p.first 作用域是类名为first的 p标签。p .first的作用域是 p标签下 所有类名为first的标签

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

.first是类名为first的块级元素,它的CSS样式改变的是这个块级元素的内容,p.first是指P标签下的类名是first的那个块,在例子中就是只有第一段,第二段只是标签P没有给它一个类名,所以它的内容是不会改变样式。如果在CSS中不写p.first{color:green;}那么两段话都是红色的,因为CSS的某些样式是有继承性的(你去掉的P是哪个P没看懂)。如果你的第二是.first{color:green;},那么你的第一段话是绿色的,第二段话是红色的,因为p.first的优先级高于p所以第一段会覆盖红色变成绿色的。

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

.first和p.first的区别在于:.first只要是标签中又class="first"都可以用,比如:<span class="first">;而p.first意思是只有在<p>标签中用才有效果.


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

geguangfu 提问者

谢谢啦!
2016-09-01 回复 有任何疑惑可以回复我~

p.first的顺序是按照祖先先后顺序来的,对应父子级的关系,p.first的意思是先找到p标签的元素,再找到其后代中所有class带有first的元素。.first就是找到所有class带first的元素。


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

geguangfu 提问者

谢谢啦!
2016-09-01 回复 有任何疑惑可以回复我~

第一段的first是给p添加的样式。而第二段的first是给span添加的样式。第二段的p没有class属性为first 所以不会生效.如果要使你那个代码生效的话,可以将p改为span,这样“简单”就会变成绿色。

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

geguangfu 提问者

谢谢啦!
2016-09-01 回复 有任何疑惑可以回复我~

你来个空格试试呢

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

geguangfu 提问者

加空格没作用了。。
2016-09-01 回复 有任何疑惑可以回复我~

.first是类选择器,只要类名是first的都是你所设置的颜色,也就是你设置的第一段和第二段里面的“简单”,而p.first是p标签里类名是first的,不包括其他标签,所以只有第一段是所设置的颜色

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

geguangfu 提问者

很感谢
2016-09-01 回复 有任何疑惑可以回复我~

.frist指的是所有class=frist,的元素,而p.frist指的是不仅class=frist,而且还要是在p标签里面的

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

geguangfu 提问者

很感谢
2016-09-01 回复 有任何疑惑可以回复我~

按照正常语法,p和“.”之间应该用空格?

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

举报

0/150
提交
取消

.first和p.first有什么区别?p.first为什么第一段可以用在第二段却用不了?如果把P去掉两段有能用了。。

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