F: Ist es möglich, einen CSS-Selektor zu schreiben, der Elemente auswählt, die keine bestimmte Klasse haben? oder Attribut?
In den meisten Fällen ist es mit der Pseudoklasse :not() machbar. Mit dem folgenden HTML-Code kann beispielsweise ein Selektor geschrieben werden, um alle Elemente auszuwählen, denen die Klasse „druckbar“ fehlt:
<html>
A: Um die Elemente ohne die Klasse „druckbar“ auszuwählen "-Klasse in diesem Fall (d. h. die Elemente nav und a) verwenden Sie den folgenden Selektor:
:not(.printable) {
/* Styles */
}Für CSS-Attribute lautet die Syntax ähnlich:
:not([attribute]) {
/* Styles */
}Überlegungen für IE8 und früher: Beachten Sie, dass IE8 und früher :not() nicht unterstützen. Um dieses Problem zu umgehen, sollten Sie stattdessen Stilelemente in Betracht ziehen, die über die Klasse „printable“ verfügen. Wenn dieser Ansatz unpraktisch ist, müssen Sie möglicherweise Ihr Markup ändern, um der Einschränkung Rechnung zu tragen.
Achtung: Abhängig von den angewendeten Eigenschaften kann sich die Verwendung von :not() auf untergeordnete Elemente auf unerwartete Weise auswirken . Wenn Sie beispielsweise display: none auf :not(.printable) setzen, werden das Element und sein Unterbaum aus dem Layout entfernt, was sich auch auf Nachkommenelemente auswirkt, die über die Klasse „printable“ verfügen. Seien Sie vorsichtig, wenn Sie potenziell problematische Eigenschaften anwenden, und ziehen Sie in Betracht, stattdessen „visibility:hidden“ zu verwenden.
Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Elemente ohne eine bestimmte Klasse oder ein bestimmtes Attribut in CSS auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
