Informatică Baze de date
Selectori CSS exemple
Selectorii CSS sunt modele folosite pentru a selecta și stiliza elemente HTML. Ei permit aplicarea regulilor de design bazate pe tip, clasă, ID sau alte atribute. Exemple comune includ selectori de tip, clasă și ID, fiecare cu sintaxă specifică.
Tipuri principale de selectori
- Selector de tip (element) Selectează toate elementele de un anumit tip. Exemplu: p { color: blue; } schimbă culoarea textului pentru toate paragrafele.
- Selector de clasă Selectează elementele cu o anumită clasă, definită cu punct. Exemplu: .highlight { background-color: yellow; } se aplică la <div class="highlight">.
- Selector de ID Selectează un element unic cu un ID specific, definit cu diez. Exemplu: #header { font-size: 24px; } se aplică la <div id="header">.
Exemple practice cu cod
- 1 Pasul 1: HTML de bază <h1>Titlu</h1><p class="text">Acesta este un paragraf.</p><p id="special">Acesta este alt paragraf.</p>
- 2 Pasul 2: CSS cu selectori multipli h1 { color: red; } .text { font-style: italic; } #special { border: 1px solid black; }
- 3 Pasul 3: Selector de atribut input[type="text"] { width: 200px; } selectează toate câmpurile de input de tip text.
Experimentează cu selectori combinați, precum div p pentru a selecta paragrafele din interiorul div-urilor, pentru un control mai precis.