I';我正在学习CSS,我不能理解这个元素选择器

I';我正在学习CSS,我不能理解这个元素选择器,css,html-table,Css,Html Table,在一个示例中,我发现了以下CSS元素: #calendar table{ border: 5px solid black; border-collapse: collapse; width: 100%; } 我用这个表测试了它: 如果仅使用表格或日历作为选择器,则样式将以相同的方式应用于表格。如果我同时使用它们,则该属性似乎被忽略。据我所知,此选择器应该将样式应用于具有日历id的表 作者的初衷是什么?为什么它不起作用?为什么原始作者将标记类型与ID结合起来,因为ID是唯一的?\co

在一个示例中,我发现了以下CSS元素:

#calendar table{
  border: 5px solid black;
  border-collapse: collapse;
  width: 100%;
}
我用这个表测试了它:

如果仅使用
表格
日历
作为选择器,则样式将以相同的方式应用于表格。如果我同时使用它们,则该属性似乎被忽略。据我所知,此选择器应该将样式应用于具有日历id的表

作者的初衷是什么?为什么它不起作用?为什么原始作者将标记类型与ID结合起来,因为ID是唯一的?

\code>日历表应应用于ID为“calendar”的容器中的表:

table#calendar
应应用于id为“calendar”的表:

#calendar,table
应应用于id为“calendar”的表或容器:
#calendar table
应应用于id为“calendar”的容器内的表:

table#calendar
应应用于id为“calendar”的表:


#calendar,table
应应用于id为“calendar”的表或容器:
它不起作用,因为此选择器(
#calendar table
)意味着您希望将样式应用于表中id为
#calendar
的表


您试图将css样式应用于此元素,我认为它不存在。

它不起作用,因为此选择器(
#日历表
)意味着您希望将样式应用于表中id为
#日历
的表


您尝试将css样式应用于此元素
,我认为它不存在。

没有任何迹象表明
#calendar
必须引用id为calendar的表。它可以是一个带有id calendar的div、一个
  • 等等(现在,如果选择器是
    table#calendar table
    ,另一方面,您是对的。)没有任何迹象表明
    #calendar
    必须引用带有id calendar的表。它可以是一个带有id calendar的div、一个
  • 等等(另一方面,如果选择器是
    table#calendar table
    ,则您是对的)