Frage CSS Eltern Element wählen, wenn es 3 Kinder hat

[Wolly300]

Hallo Leute,

ich bräuchte schnell eure Unterstützung bei diesem Problem.

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

li:nth-last-child(3):first-child ~ li .columnItems, li:nth-last-child(3):first-child .columnItems {
    padding: 0 6px !important;
}

Mit diesem CSS kann ich breits erfolgreich die DIV's verändern, wenn ich genau 3 li habe.

Jetzt muss ich noch das ul selecten, wenn ich 3 li habe. Ich habe das bisher probiert, was nicht geklappt hat:

ul:has(li:nth-last-child(3):first-child) {
    padding: 0 9px 0 9px !important;
}

ul:has li:nth-last-child(3):first-child {
    padding: 0 9px 0 9px !important;
}

ul < li:nth-last-child(3):first-child {
    padding: 0 9px 0 9px !important;
}

Was ist Lösung?

Danke für eure Hilfe.

 

[basti1012]

sowas gibt es noch nicht

ul < li

Du kannst mit der Css nicht zurück gehen.
Wenn du 3 li`s hast und dann das Elternelement ändern willst mußt du in dein fall wohl JS nehmen