CSS语法 - 如何解释这个？

Question

我对CSS的经验很少.以下语法来自bootstrap 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;
}

我希望有人可以为我翻译成英文.

Answer 1

以第一行为例

.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;
}

正如您在示例中所看到的,您可以使用逗号分隔多个选择器,并;在花括号内分隔多个样式和值.