基本的CSS选择器语法，结合了多个id和类

Question

我希望能够通过他们的id和类选择下面四个单独的跨度中的任何一个（而不是别的）但我似乎无法找到正确的语法...... #id1 .class2和{{1选择两个右手元素，但是#id2 .class2和#id1 .class1似乎选择了两个元素，我希望它们只选择p中的第一个跨度。

#id2 .class1

Answer 1

你的CSS很好。你没有关闭你的跨度：

<span>...<span>

应该是

<span>...</span>

因此，class2实际上是class1的孩子。

Answer 2

#id1 .class1 {}
#id1 .class2 {}
#id2 .class1 {}
#id2 .class2 {}