Selektoren vereinfachen | !important auf @import anwenden
YoungAlCapone
- css
0 Cheatah0 Ingo Turski0 Cheatah
Aloha!
Ich habe zwei Fragen zu CSS.
1. Kann man ein solches Selektorenkonstrukt irgendwie vereinfachen:
#navigation a, #navigation a:link, #navigation a:visited {
so dass das Elternelement nur einmal vorkommt?
2. Kann man "@import url(userstylesheet.css);" mit !important irgendwie mächtiger machen als das Defaultstylesheet das das Userstylesheet einbindet, ohne in jedem Befehl !important zu schreiben?
Besten Dank schon für eure Antworten!
Gruss, YoungAlCapone
Hi,
- Kann man ein solches Selektorenkonstrukt irgendwie vereinfachen:
#navigation a, #navigation a:link, #navigation a:visited {
so dass das Elternelement nur einmal vorkommt?
leider nicht.
- Kann man "@import url(userstylesheet.css);" mit !important irgendwie mächtiger machen als das Defaultstylesheet das das Userstylesheet einbindet, ohne in jedem Befehl !important zu schreiben?
Nein, die Prioritätensetzung funktioniert auf dieser Ebene anders (z.B. User- kontra Autor-Stylesheet). Arbeite mit der Spezifität. Übrigens gibt es in CSS genauso wenig Befehle wie in HTML.
Cheatah
Hi,
- Kann man ein solches Selektorenkonstrukt irgendwie vereinfachen:
#navigation a, #navigation a:link, #navigation a:visited {
so dass das Elternelement nur einmal vorkommt?
hier sollte #navigation a {} eigentlich ausreichen - es sei denn, Du hast noch irgenndwo anders a mit Pseudoklasse und ID definiert.
- Kann man "@import url(userstylesheet.css);" mit !important irgendwie mächtiger machen als das Defaultstylesheet das das Userstylesheet einbindet, ohne in jedem Befehl !important zu schreiben?
Zwar nicht, aber wenn Du dieses Stylesheet als letztes einbindest überschreiben gleichwertige Selektoren die früheren Angaben.
freundliche Grüße
Ingo
Hi,
hier sollte #navigation a {} eigentlich ausreichen - es sei denn, Du hast noch irgenndwo anders a mit Pseudoklasse und ID definiert.
oder a:not([href]) soll nicht betroffen sein :-)
Cheatah