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

哪位前辈给解释一下 这里的 p span 。stress的权值啊 越看越懵

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>行间距</title>

<style type="text/css">

p span{

    line-height:2em;

    color:red;

   

    text-decoration:line-through;

}

#stress{

    color:blue;

    text-decoration:underline;

}

</style>

</head>

<body>

<p><span>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具<span id="stress">作家和编剧</span>双重身份</span>。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

</body>

</html>



正在回答

3 回答

p span{       } /*权值为1+1=2*/
#stress{       } /*权值为100*/

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。

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

慕粉1711564029 提问者

但是我 设置id为stress的span里继承了 p span{}的删除线 却没有继承颜色又是什么原因呢?
2017-03-11 回复 有任何疑惑可以回复我~
#2

官居一品 回复 慕粉1711564029 提问者

#stress{ } /*权值为100*/ <span id="stress">作家和编剧</span>中间的“作家和编剧”应该是继承,权值为0.1 所以,继承颜色会覆盖,权值大的显示,颜色是蓝色,但删除线和下划线不重复,继承的删除线会显示
2017-03-11 回复 有任何疑惑可以回复我~
#3

慕粉1711564029 提问者

非常感谢!
2017-03-12 回复 有任何疑惑可以回复我~

p span:权值=1+1=2

#stress权值=100

标签的权值为1,类选择符的权值为10,ID选择符的权值为100

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

标签选择器权值为1,类选择器的权值为10,ID选择器的权值最高为100

p span是两个标签选择器 1+1=2

#stress是ID选择器,100

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

慕粉1711564029 提问者

但是我 设置id为stress的span里继承了 p span{}的删除线 却没有继承颜色又是什么原因呢?
2017-03-11 回复 有任何疑惑可以回复我~
#2

Q杰Q 回复 慕粉1711564029 提问者

权值适用于发生冲突时,谁重要选择谁,你的例子颜色发生冲突,按权值处理,删除线没有冲突,就直接继承
2017-03-11 回复 有任何疑惑可以回复我~
#3

官居一品 回复 慕粉1711564029 提问者

颜色会覆盖,权值大的显示,所以颜色是蓝色,但删除线和下划线不重复,所以都显示
2017-03-11 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

哪位前辈给解释一下 这里的 p span 。stress的权值啊 越看越懵

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