CSS边框，表外边框没有显示

Question

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

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

边框出现在th和td周围，但不在桌子外面。我做错了什么？

Answer 1

CSS看起来很好，但你可以更好地使用：

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

因此，选择器以最不具体​​的选择器（HTML元素而不是类）开始。

但是，如果您已正确链接HTML，它应该已经正常工作了。您的table，th和td元素各自具有class="basicborder"属性吗？

编辑：

如果我理解正确，这将是最好的解决方案。

只用table,td,th{ etc...为所有人制作基本风格 然后你添加一个具有不同风格的类，让我们保持不同的边界。现在你创建一个CSS说下面的内容：table.differentborder, .differentborder td, .differentborder th{ your style } 这会选择您的课程表，并且所有的td都是父母拥有不同范围的课程。

有了CSS选择器的更多乐趣，您可以查看W3Schools CSS Selector Reference