CSS或选择器

Question

我正在使用CSS，我有类似的东西：

#id1 #id2 .class1 #id3, #id1 #id2 .class2 #id3

我想知道是否有办法做这样的事情：

#id1 #id2 .[class1 OR class2] #id3

我没有找到办法做到这一点，但也许我没有正确检查Google或其他东西..这可能还是我需要使用我的LONNNNG语法？

谢谢！

Answer 1

这没有任何意义。您想选择altogther？

你的第一种方法很好，就这么做。

或者提供一个共同的课程并使用它。

#id1 #id2 .common #id3{}

或者，如果你有类名，你可以使用属性选择器;

#id1 #id2 [class^="class"] #id3{} /* ^ denotes starting with */
#id1 #id2 [class*="class"] #id3{} /* * denotes anywhere  */

See more about attribute selector here

Answer 2

如果您的类以相同的字符串开头，则可以按如下方式编写规则：

#id2 [class^="class"] {}

这将查找以#id2开头的class内的所有内容。

你似乎想要这样的东西：

#id1 #id2 [class^="class"] #id3

但正如已经指出的那样，只使用#id3就可以了，因为每页只允许一个ID。除非，当然，你只想在其中一个祖先有一个特定的阶级时使用一种风格。

有关更多文档，请参阅spec。