没有逗号的CSS多重选择器

Question

我对CSS选择器感到困惑，我知道我们可以用逗号分组多个css选择器，如果它们共享相似的属性，但是多个没有逗号的css选择器怎么样呢：

.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

Answer 1

使用逗号时，如

#menu, .item

你说的是：

  

所有id为菜单的元素和所有类为item

的元素

当您使用逗号嵌套选择器时，例如

#menu .item

你说的是

  

在id为menu

的容器中具有类项的所有元素

Answer 2

这会选择后代。

.ui-datepicker-rtl .ui-datepicker-prev将选择课程ui-datepicker-rtl的所有元素后代ui-datepicker-prev