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

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

不是类的优先级高于标签吗，为什么这样？

hello world!你好！

为什么里的文字还是遵从

的设置？

鱼牢里的鱼

2016-11-11

源自：初识HTML(5)+CSS(3)-升级版  10-11

关注问题 我要回答
1077
操作
收起

正在回答

4 回答

littlefly 回答被采纳 +3 积分
2016-11-13

word-spacing定义的是单词或者字之间的距离。而letter-spacing定义的是字母或字符之间的距离。你上面的代码h1{letter-spacing:20px}是把hello word!变为了

——h    e     l     l    o           w    o    r    l    d    !这样的样式。

下一条.abc{word-spacing:20px;}则在上面的基础上变为了

——h    e     l     l    o                              w    o    r    l    d    ! 

也就是单词hello和word之间的距离变大了20px


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

littlefly

两者设置没有重叠，用不到优先级
2016-11-13 回复 有任何疑惑可以回复我~
#2

鱼牢里的鱼 提问者 回复 littlefly

但是效果不是你说的那样，只显示出了letter-spacing的效果
2016-11-13 回复 有任何疑惑可以回复我~
#3

littlefly 回复 鱼牢里的鱼 提问者

我试了你的代码，我建议你把word-spacing:20px改为word-spacing:100px;就可以比较直接的看到他的效果了
2016-11-13 回复 有任何疑惑可以回复我~
#4

鱼牢里的鱼 提问者

非常感谢！
2016-11-13 回复 有任何疑惑可以回复我~
#5

littlefly 回复 鱼牢里的鱼 提问者

一起加油学习吧
2016-11-13 回复 有任何疑惑可以回复我~
查看2条回复
鱼牢里的鱼 提问者
2016-11-11

<style type="text/css">
h1{letter-spacing:20px;}
.abc{word-spacing:20px;}
</style>
</head>
<body>
<h1><span class="abc">hello world!</span>你好！</h1>
</body>

0 回复 有任何疑惑可以回复我~
收起回答
梓♂獒
2016-11-11

就近原则吧

0 回复 有任何疑惑可以回复我~
收起回答
德坤
2016-11-11

遵从 的设置？  具体一点啊

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

德坤

而且你这道题里里面只设置了一个类标签，没有什么优于什么的 后面还会讲权重。总之离标签越近的是最优
2016-11-11 回复 有任何疑惑可以回复我~
#2

鱼牢里的鱼 提问者 回复 德坤

<style type="text/css"> h1{letter-spacing:20px;} .abc{word-spacing:20px;} </style> </head> <body> <h1><span class="abc">hello world!</span>你好！</h1> </body> 按照就近原则应该用下面设置单词间距的，但是确用了上面的设置字母间距的？
2016-11-11 回复 有任何疑惑可以回复我~
#3

德坤 回复 鱼牢里的鱼 提问者

letter-spacing 作用于所有字符 word-spacing只作用于英文字符
2016-11-11 回复 有任何疑惑可以回复我~
#4

德坤 回复 鱼牢里的鱼 提问者

你真的只用了一个 class='abc‘ 哪里有上面的下面的啊
2016-11-11 回复 有任何疑惑可以回复我~
#5

鱼牢里的鱼 提问者 回复 德坤

但是我这样设置了，英文字符还是出现letter-sapcing的效果，字母之间有间距
2016-11-11 回复 有任何疑惑可以回复我~
#6

鱼牢里的鱼 提问者 回复 德坤

h1{letter-spacing:20px;} .abc{word-spacing:20px;} 但是我把下面.abc那条删掉和加上都没有区别的，为什么没效果的？
2016-11-11 回复 有任何疑惑可以回复我~
#7

qq_生如夏花_qq 回复 鱼牢里的鱼 提问者

刚试过了，不是没有效果，只是效果不明显。在慕课结果框那里点全屏就可以看到很明显的效果了。
2016-12-07 回复 有任何疑惑可以回复我~
查看4条回复

举报

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

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

进入课程

本课相似问答

1 回答为什么a标签选择器优先级高于p呢

5 回答为什么通配符选择器的优先级高于标签选择器？

3 回答类选择符优先级大于标签选择符

1 回答用span标签时的优先级

5 回答为什么我设置的绿色无效，不是内联式优先级高吗
搜索更多本课相关问答

不是类的优先级高于标签吗，为什么这样？

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