Select all Classes except children of ID

Question

Here is my html:

<ul id="list1">
    <li class="elem_tec"> 
    <li class="elem_tec"> 
</ul>
<ul id="list2">
    <li class="elem_tec"> 
    <li class="elem_tec"> 
</ul>
<ul id="list3">
    <li class="elem_tec"> 
    <li class="elem_tec"> 
</ul>

I'd like to select all .elem_tec but the elem_tec elements in #list1. I have tried: :not(#list1) .elem_tec but it does not work.

Could you help me? Thanks

Answer 1

You should try like this and close li also -

 ul:not(#list1) li{
        color: green;
    }

    <ul id="list1">
        <li class="elem_tec"> 90 </li>
        <li class="elem_tec"> 90 </li>
    </ul>
    <ul id="list2">
        <li class="elem_tec"> 90 </li>
        <li class="elem_tec"> 90 </li>
    </ul>
    <ul id="list3">
        <li class="elem_tec"> 90 </li>
        <li class="elem_tec">90 </li> 
    </ul>

Answer 2

Try this:

CSS

ul:not(#list1) li.elem_tec{
    color: red;
}

DEMO HERE