我一直在HTML中使用'border=1',看起来不错,但我意识到最好使用CSS,所以我创建了一个基本的border类,就像这样。。。

.basicborder table, .basicborder th, .basicborder td {
    border: 1px solid black;
}

边界出现在th和td的周围,但不在表本身的外部。我做错什么了吗?

最佳答案

CSS在我看来很不错,但您可以更好地使用:
table.basicborder, th.basicborder, td.basicborder{border: 1px solid black;}
因此,选择器从最不特定的选择器(HTML元素,而不是类)开始。
但是,如果您已经正确链接了HTML,它应该已经可以正常工作了。表、th和td元素是否各有一个class="basicborder"属性?
编辑:
如果我理解正确,这将是最好的解决办法。
您只需table,td,th{ etc...
然后添加到具有不同样式的类中,让它们保持不同的顺序
这将选择带有类的表,并且所有td都是th,其中父类的顺序不同。
有关CSS选择器的更多乐趣,您可以查看W3Schools CSS Selector Reference

07-28 11:02