Selektory uniwersalne, potomne i przystające.


Selektory specjalne to:
    uniwersalne - oznaczone są symbolem gwiazdki, co oznacza dotyczy wszystkich elementów nie formatowanych inaczej.
    potomne - oznacza się symbolem większe, co oznacza dotyczy elementów potomnych od rodzica.
    przystające (braci) - oznaczone są znakiem plusa, co oznacza, że brat jest tak samo formatowany jak dany znacznik.
    Znaczniki muszą bezpośrednio następować po sobie.

Przykłady (efekt - kod w head - kod w body).


To tekst formatowany selektorem uniwersalnym.
* {color:purple;}
<body>...To tekst formatowany selektorem uniwersalnym...</body>

To tekst formatowany selektorem podkreślenia (potomnym od p).

To jest podkreślenie wewnątrz znacznika div (nie jest potomne od znacznika p).
p > u {color:brown;}
<p>To tekst formatowany <u>selektorem podkreślenia (potomnym)</u> od p.</p>

<div>To jest <u>podkreślenie</u> wewnątrz znacznika div (nie jest potomne od znacznika p).</div>

znacznik h2

znacznik h3

znacznik h1

znacznik h3

znacznik h5

znacznik h3

h1 + h3 {background-color:gray;}
<h1>znacznik h1</h1>
<h2>znacznik h2</h2>
<h1>znacznik h1</h1>
<h3>znacznik h3</h3>
<h1>znacznik h1</h1>
<h4>znacznik h4</h4>

do góry   menu   powrót   naprzód