Informatică Baze de date
Selectoare CSS exemple
Selectoarele CSS sunt reguli care specifică elementele HTML cărora li se aplică stiluri. De exemplu, selectorul 'p' schimbă aspectul tuturor paragrafelor dintr-o pagină.
Tipuri comune de selectoare
- Selector de element Aplică stiluri tuturor elementelor cu același tag: h1 { color: blue; } schimbă culoarea tuturor titlurilor h1.
- Selector de clasă Folosește un punct: .important { font-weight: bold; } stilizează elementele cu class='important'.
- Selector de ID Folosește diez: #header { background: gray; } aplică stil doar elementului cu id='header'.
Exemple practice
- 1 Selectează toate linkurile a { text-decoration: none; } elimină sublinierea de la toate linkurile.
- 2 Selectează elemente cu două clase .btn.primary { background: green; } stilizează elementele care au atât class='btn' cât și class='primary'.
- 3 Selectează copiii unui element div > p { margin: 10px; } aplică margin doar paragrafelor care sunt copii direcți ai unui div.
Folosește selectoare simple pentru a evita conflicte în stiluri.