Selektory uniwersalne

Lekcja 6 z 15 w kursie Selektory CSS w Coddy.

Selektor uniwersalny to specjalny typ selektora CSS, który wybiera wszystkie elementy na stronie internetowej. Oznacza się go gwiazdką (*).

Na przykład selektor * wybiera wszystkie elementy na stronie.

Oto przykład użycia selektora uniwersalnego do stylizowania strony internetowej:

* {
  color: red;
  font-size: 2em;
}

Ta reguła CSS sprawi, że wszystkie elementy na stronie będą czerwone i będą miały rozmiar czcionki 2em.

Kiedy używać selektorów uniwersalnych?

Selektorów uniwersalnych można używać, gdy chcesz stylizować wszystkie elementy na stronie internetowej. Możesz na przykład użyć selektora uniwersalnego, aby ustawić rozmiar czcionki wszystkich elementów na stronie na 16px.

Selektorów uniwersalnych można również używać do stylizowania elementów, którym nie przypisano żadnych innych selektorów. Jeśli na przykład na stronie internetowej znajduje się wiele elementów div, ale nie przypisano im żadnych atrybutów klasy ani ID, możesz użyć selektora uniwersalnego, aby stylizować wszystkie elementy div.

Wyzwanie

Łatwy

Utwórz stronę internetową z dwoma elementami div.
Nie przypisuj żadnemu z elementów div atrybutu class ani ID.
Użyj selektora uniwersalnego, aby nadać wszystkim elementom div czerwony kolor i rozmiar czcionki 80px.

Spróbuj swoich sił

<html>
<head>
  <title>Universal Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
 
</body>
</html>

Wszystkie lekcje w sekcji Selektory CSS

1Wprowadzenie do selektorów CSS

Cel selektorów CSS Dlaczego są ważne?

4Selektory atrybutów

Wprowadzenie do selektorów atrybutów Obecność i dokładne wartości Selektory wartości atrybutu Selektory wartości atrybutu II Selektory wartości atrybutu III

2Proste selektory

Selektory typów Selektory klas Selektory IDSelektory uniwersalne

3Selektory kombinatorów

Selektor potomka bezpośredniego Selektor potomka Selektor sąsiedniego rodzeństwa Selektor ogólnego rodzeństwa

Poćwicz samodzielnie: Edytor online Web