besitzt nicht die klasse und es kommt ein bestimmte Zeichenfolge vor

[strukturart]

Hallo,

ich möchte bestimmte Elemente von einem 'styling' ausschliessen.
Dazu verwende ich folgende Regel

[class*='grid-']:not(.not-responsiv)
{
    min-width:100%;
    max-width:100%;
    overflow:hidden;
    margin:0px;
    display:block;
}

Das Element sieht z.B.: so aus:

<div class="grid-col-22 not-responsiv">
hello world!
</div>

Funktioniert jedoch nicht, was mache ich falsch ?

Gruss John

 

[Sempervivum]

Habe ich getestet und funktioniert einwandfrei:

    <style>
        [class*='grid-']:not(.not-responsiv) {
                background-color: gray;
            }
    </style>
    <div class="grid-col-22">
        hello world! ohne .not-responsive
    </div>
    <div class="grid-col-22 not-responsiv">
        hello world!
    </div>

Das erste Div wird grau hinterlegt. Bist Du vielleicht mit der doppelten Verneinung durcheinander gekommen?

 

[strukturart]

Danke fuer die Antwort, hatte das uebergeordnete Elment uebersehen.