PHPMagazin - trickreiches CSS-Selektor-Quiz

[tami]

hi,

http://phpmagazin.de/news/Das-trickreiche-CSS-Selektor-Quiz-166045

bzw. direkt:

http://milanlandaverde.com/css-quiz

mfg

tami

[misterunknown]

Moin,

http://milanlandaverde.com/css-quiz

Schönes Quiz, viel Potential.

:root als Pseudoklasse kannte ich nicht; gibts da einen plausiblen Anwendungsfall dafür?

Grüße Marco

[Gunnar Bittersmann]

@@misterunknown:

nuqneH

:root als Pseudoklasse kannte ich nicht;

Ältere Browser auch nicht.

gibts da einen plausiblen Anwendungsfall dafür?

Diese von der Anwendung bestimmter Regeln ausschließen.

Qapla'

[misterunknown]

Moin,

Diese von der Anwendung bestimmter Regeln ausschließen.

Aber wo genau ist der Unterschied, ob ich :root oder html als Selektor nehme? Wozu brauche ich eine Pseudoklasse quasi ausschließlich für das html-Element?

Grüße Marco

[Matthias Apsel]

Om nah hoo pez nyeetz, misterunknown!

Aber wo genau ist der Unterschied, ob ich :root oder html als Selektor nehme? Wozu brauche ich eine Pseudoklasse quasi ausschließlich für das html-Element?

So wie Gunnar schrieb:

h1 { alle Browser }  
  
:root h1 { moderne Browser }

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, Matthias Apsel!

zudem ist :root spezifischer als html

Matthias

[misterunknown]

Moin,

h1 { alle Browser }

:root h1 { moderne Browser }

  
Ah, jetzt fällt der Groschen! Ich habe heute offensichtlich eine lange Leitung^^  
  
Grüße Marco

-- 
Ich spreche Spaghetticode - fließend.

[Gunnar Bittersmann]

@@misterunknown:

nuqneH

Aber wo genau ist der Unterschied, ob ich :root oder html als Selektor nehme?

Dass das Wurzelelement nicht zwingend html sein muss. CSS ist nicht nur für HTML da.

Qapla'

[Gunnar Bittersmann]

@@misterunknown:

nuqneH

:root als Pseudoklasse kannte ich nicht; gibts da einen plausiblen Anwendungsfall dafür?

rotwurzel.css:

foo:root { background: red }  

angewandt auf:

<?xml-stylesheet type="text/css" href="rotwurzel.css" ?>  
<foo>  
  <bar>roter Hintergrund</bar>  
</foo>

und auf:

<?xml-stylesheet type="text/css" href="rotwurzel.css" ?>  
<bar>  
  <foo>kein roter Hintergrund</foo>  
</bar>

Qapla'

[Looser]

Hallo

http://phpmagazin.de/news/Das-trickreiche-CSS-Selektor-Quiz-166045

bzw. direkt:

http://milanlandaverde.com/css-quiz

ich scheitere schon am zweiten

article[class|="pillow"]

was genau soll die Pipe? Ich sehe schon, viele Jahre zu wenig um CSS gekümmert :(

[tami]

hi,

Hallo

http://phpmagazin.de/news/Das-trickreiche-CSS-Selektor-Quiz-166045

bzw. direkt:

http://milanlandaverde.com/css-quiz

ich scheitere schon am zweiten

article[class|="pillow"]

"7 pipe: [attribute|=x] which first word is exactly x.

a hyphen-separated list of “words”, first word is exactly x."

http://circlecube.com/2008/05/using-css-attribute-selectors-to-stylize-links/

mfg

tami

[Looser]

hi,

ich scheitere schon am zweiten

article[class|="pillow"]

"7 pipe: [attribute|=x] which first word is exactly x.

a hyphen-separated list of “words”, first word is exactly x."

hmm, hab jetzt ewig lang rumprobiert, bis ich drauf gekommen bin, dass man das schließende Tag (</article>) nicht mit auswählen darf. Ist das sinnvoll? ich meine, eigentlich bilden doch öffnender und schließender Tag eine Einheit...?

[dedlfix]

Tach!

hmm, hab jetzt ewig lang rumprobiert, bis ich drauf gekommen bin, dass man das schließende Tag (</article>) nicht mit auswählen darf. Ist das sinnvoll? ich meine, eigentlich bilden doch öffnender und schließender Tag eine Einheit...?

Und im Prinzip falsch ist, dass man nur ganze Zeilen auswählen kann, auch wenn der Selektor nur auf das darin befindliche <a> Einfluss hat.

dedlfix.

[M.]

hmm, hab jetzt ewig lang rumprobiert, bis ich drauf gekommen bin, dass man das schließende Tag (</article>) nicht mit auswählen darf. Ist das sinnvoll? ich meine, eigentlich bilden doch öffnender und schließender Tag eine Einheit...?

If you're trying to select a multi-line element, just select the first tag!

Das steht am Anfang und ist wohl des Programmierers Auffassung von einer Anleitung ;)