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

table tr td ,th{ border:1px solid #000; }

这个逗号加的有什么讲究吗？有点搞不懂为什么啊

慕慕6261125

2016-12-27

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

关注问题我要回答

702

操作

收起

4 回答

慕容4429197 回答被采纳 +3 积分
2016-12-27

后面学到的css样式的课程中有一个“包含选择器”的内容，里面的知识点讲到，在选择器后面加一个空格再接元素即选中的是空格后的元素，问题中是

table tr td ,th{ border:1px solid #000; }

选中的即使td和th；如果改成

table tr td { border:1px solid #000; }、

那么表头就没有选中，表头一行就不会被框住；如果再改成

table ，tr ，td ,th{ border:1px solid #000; }

则整个表也被选中，所有被选中的元素：table，tr，td，th都会加上框

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

#1

慕慕6261125 提问者

非常感谢！

2016-12-27 回复有任何疑惑可以回复我~

慕粉4151432
2016-12-27

空格表示该操作针对table内的tr tr内的td

如果是逗号，例如td,th则表示该操作同时针对td和th

table tr td ,th{ border:1px solid #000; }

则表示对table内的tr内的td和th同时都执行border:1px solid #000

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

风雨0123
2016-12-27

因为td和th属于一个级别的，所以要用逗号区分。

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

慕雪9205766
2016-12-27

tr表示行 td表示列而th表示表头所以突出表示

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

举报

0/150

提交

取消

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

参与学习 1226693 人
解答问题 18245 个

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

本课相似问答

4 回答div{border-bottom:1px solid red;}

1 回答.food>li{border:1px solid red;}

3 回答.first>span{border:1px;solid red;}

3 回答.first>span{border:1px solid red;}

1 回答.food>li{border:1px solid red;}

搜索更多本课相关问答

table tr td ,th{ border:1px solid #000; }

我要回答关注问题

意见反馈帮助中心 APP下载