                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于下划线

p a{text-decoration:underline;}

<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

结果为什么只有“胆小如鼠”加了下划线？

梦雪依Z

2016-07-21

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

关注问题我要回答

898

操作

收起

4 回答

加油吧蛋挞回答被采纳 +3 积分
2016-07-21

因为这只有设置了p标签里的a标签

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

慕粉1470541019
2016-08-21

中间加个逗号p,a{text-decoration:underline;} 就OK啦

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

幕布斯6543490
2016-07-29

p a{text-decoration:underline;}

是后代选择器的格式只会对p的后代添加样式不会对他本身添加而在<p></p>内只有<a>标签是它子标签即他的后代所以只有<a>标签内的元素会产生效果

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

lichun_iOS
2016-07-21

“包含选择器”，要求p标签的子标签a标签的内容添加下划线；

如果你需要让整个p标签都有下划线，可以写成：

p {text-decoration:underline;}
<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

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

举报

0/150

提交

取消

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

参与学习 1226995 人
解答问题 18247 个

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

本课相似问答

4 回答关于下划线的问题

2 回答分段下划线

5 回答下划线的问题

1 回答如何加下划线

2 回答如何清除下划线？

搜索更多本课相关问答

关于下划线

我要回答关注问题

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

帮助反馈 APP下载

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

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