CSS: wśród selektorów część 1.

Jak już wcześniej wspomnieliśmy, selektor to inaczej element, lub grupa elementów, które wybieramy do definicji. Selektorami mogą być znaczniki języka html, takie jak body, h1, blockquote czy p, oraz nazwy klas oznaczone kropką . bądź nazwy identyfikatorów oznaczone krzyżykiem #. Klasy oraz identyfikatory możemy zastosować do każdego obiektu języka html.

Przykład kodu CSS:

h1 {
    margin: 5px 0;        
    color: navy;            
}
.klasa {
    color: green;    
}
#identyfikator {
	color: red;
}    

Kod HTML do przykładu:

<h1>Sam selektor znacznika</h1>
<h1 class="klasa">Selektor znacznika + klasa</h1>
<h1 id="identyfikator">Selektor znacznika + identyfikator</h1>

Elementy języka html możemy modyfikować za pomocą wielu znaczników klas, które mogą być obok siebie. Również możemy klasy łączyć z identyfikatorami, atrybutami stylów danego elementu oraz definicjami ogólnymi danego elementu.

Jacek Woźniak

Ostatnio zaktualizowane: 23 października 2024

CSS, Egzamin EE.09