Question

在我的情况下，我有一个class =“fusion-module rt-center”和＃modlgn-remember。当#modlgn-remember也是类fusion-module rt-center时，如何指定这个来创建规则？

我会想到这样的事情，但它不起作用：

.fusion-module rt-center #modlgn-remember {
xxx:xx;
xxx:xx;
}

Answer 1

#modlgn-remember.fusion-module.rt-center { ... }

空格用于后代选择器，因此原始选择器会在#modlgn-remember元素内选择一个rt-center元素（此处缺少点）。{/ 1}}。

另外，请考虑重新考虑您的风格规则。页面上只能有一个ID为.fusion-module的元素，因此将类限定符添加到规则中似乎是多余的。

Answer 2

您需要将各种选择器链接在一起：

#modlgn-remember.fusion-module.rt-center

这会搜索id="modlgn-remember的元素，其类别为fusion-module 和 rt-center。

CSS选择器中的空格意味着后代元素，因此原始选择器（.fusion-module rt-center #modlgn-remember）会查找id="modlgn-remember"元素，该元素位于rt-center元素内，该元素位于class="modlgn-remember"元素内{1}}。

显然，原来的选择器不太可能返回你想要的元素。

当然，请记住，id在文档中是唯一的;因此，如果您只想获取特定id的元素，则只需使用 id。将id选择器与类选择器结合起来的唯一理由是，只有当 。这通常在JavaScript中很有用，尤其是。

Answer 3

试试这个：

#modlbn-remember.fusion-module.rt-center {
   ...
}

选择具有该id的元素，并且必须分配两个类。

如果您想选择它，如果至少分配了其中一个，请使用：

#modlbn-remember.fusion-module,
#modlbn-remember.rt-center {
   ...
}

选择具有特定id的元素的正确方法是什么，并且是类的一部分

3 个答案: