css - CSS语法-如何解释？

我对CSS的经验很少。以下语法来自引导程序3。

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}

我希望有人可以帮我翻译成英文。

最佳答案

以第一行为例

.table > thead > tr > td.danger

.table是一个名为table的类，>表示直接嵌套在其中的任何内容。 thead是html元素，tr也是，而td.danger是html元素td与类danger的组合。

因此，此行表示在类td中，在danger中，在tr中，在具有类thead的元素中的类table的background-color。

最后的border-color和#f2dede是将样式应用到指定元素的样式，其中#eed3d7和;为它们的值。

总之，总体语法如下：

selector {
   style: value;
}

在示例中可以看到，花括号内可以有多个选择符，中间用逗号隔开，而样式和值之间用隔开。