1-5编程问题

省略号不能显示，请问是什么原因

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p { width: 500px;font-size:20px;  background: #abcdef;overflow:hidden;}
/*此处写代码*/
p:nth-chlid(1){text-overflow:ellipsis;}
p:nth-chlid(2){text-overflow:clip;}
p:hover{
   overflow:visible;
}
</style>
</head>
<body>
<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>
</body>
</html>

bby365 2017-09-02

源自：CSS3文本与字体 1-9 编程练习

25

收起

2回答

慕粉154022159 2017-09-21 12:01:59

你这个不能按照答案的要求显示吧

即使把nth-child也不行啊

whiteyork 2017-09-02 18:20:10

选择器错了，nth-child是子选择器，你应该用nth-of-type

提问者 bby365 #1

nth-child()选择器也行，代码中我拼写错了写成了nth-chlid();谢谢你。

2017-09-02 22:12:44

相似问题

1-5编程题

while求1到5平方和问题

5-3编程问题

5-2编程问题？

2-7编程问题求问题出处

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号