CSS多个选择器，不带逗号 [英] CSS multiple selectors without comma

问题描述

我对CSS选择器有点困惑，我知道如果多个CSS选择器共享相似的属性，我们可以用逗号将它们组合在一起，但是没有逗号的多个CSS选择器又如何呢?

I am alittle confuse about CSS Selectors, I understand that we can group multiple css selectors with a comma if they share similar attributes, but what about multiple css selectors without commas e.g like this:

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

推荐答案

使用逗号时，例如

#menu, .item

您在说:

id为menu的所有元素以及class为item的所有元素

all elements whose id is menu AND all elements whose class is item

当您将选择器嵌套在不带逗号的地方时，例如

When you nest selectors without the comma, like

#menu .item

您在说

在ID为menu的容器中具有类项目的所有元素

all elements that has class item inside a container whose id is menu

这篇关于CSS多个选择器，不带逗号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！