css - 我正在学习 CSS，我无法理解这个元素选择器

Question

在一个示例中，我发现了以下 CSS 元素：

#calendar table{
  border: 5px solid black;
  border-collapse: collapse;
  width: 100%;
}

我用这张表测试了它： <table id="calendar">

如果我只使用table或#calendar作为选择器，则样式将以相同的方式应用于表格。如果我同时使用它们，似乎该属性被忽略了。据我了解，此选择器应将样式应用于带有日历 ID 的表格。

原作者的意图是什么？为什么它不起作用？为什么原作者将一个标签类型与一个ID结合起来，因为id是唯一的？

score 3 · Accepted Answer

#calendar table应应用于 ID 为“日历”的容器内的表格：<div id=calendar><table></table></div>

table#calendar应应用于 id 为“日历”的表：<table id=calendar></table>

#calendar, table应该应用于一个表或一个 id 为“日历”的容器：<table></table>或<div id=calendar></div>

score 1 · Accepted Answer

它不起作用，因为此选择器 ( #calendar table) 表示您希望将样式应用于表内的表，并使用#calendaras id。

您尝试将 css 样式应用于此元素<table id=calendar><table></table></table>，我认为它不存在。

2 回答 2