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

tec*_*oke 0 css css-selectors

我希望能够通过自己的ID和类(没有别的)选择以下任何四个单独的跨度,但我似乎无法找到正确的语法... #id1 .class2#id2 .class2选择两个右手因素确定的,但#id1 .class1#id2 .class1似乎选择我希望它们只选择p中第一个跨度的两个元素.

<html>
    <head>
        <style>
            #id1 .class1{ background: red; }
        </style>
    </head>
    <body>
        <p id="id1">
            <span class="class1">one<span> 
            <span class="class2">two<span> 
        </p>
        <p id="id2">
            <span class="class1">three<span> 
            <span class="class2">four<span> 
        </p>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Jam*_*gne 9

你的CSS很好.你没有关闭你的跨度:

<span>...<span>
Run Code Online (Sandbox Code Playgroud)

应该

<span>...</span>
Run Code Online (Sandbox Code Playgroud)

因为这,class2真的是一个孩子class1.