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

希望得到帮助!

第7行。。p span和去掉p的区别?去掉了也是对的吗?

正在回答

4 回答

p span{}的权值比span{}的权值大。

p span{}的权值是1+1,span{}的权值是1。

如果分别为这2个选择器写不同的样式,浏览器会优先选择权值大。

如,p span设置为红色,span设置为绿色。

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

发现没有,“胆小如鼠”是红色的。

接着学吧,后面有权值的相关介绍。

加油学吧,将来的你一定会感谢现在拼命学习的自己!

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

天空的云朵

给出的样例都是比较简单的,直正的做网页,情况就是比较复杂了,我们要把之前的知识灵活运用,组合起来。
2015-07-19 回复 有任何疑惑可以回复我~
#2

Perona 回复 天空的云朵

说得对!给朵朵点个赞!
2015-07-19 回复 有任何疑惑可以回复我~

p span{}针对的是标签p里的span

去掉p的话就是所有的span都应用这种样式

因为你这里span只存在于p内部,所以去不去掉都看不出区别

你在h1内部或者p外部再加个span看看效果就知道了

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

weibo_不懂也懂先生

谢谢深白的指导。p span.stress则表示样式作用在在p标签内部的span标签内部的class=stress
2015-10-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1223017    人
  • 解答问题       18212    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

希望得到帮助!

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