Polecane kursy:class CSS .

Selektor

Definicja i użycie .class wartości atrybutu. class wartości atrybutu. CSS

class. Aby wybrać elementy o określonej.) znaków, po którym następuje class Aby wybrać wszystkie elementy o określonej

element.class wartości atrybutu. class wartości atrybutu. Selektor jest używany do wyboru elementów o określonej

aby wybrać elementy o określonej class rodzaju elementu, wpisz nazwę elementu, a następnie kropkę (.) znaków, po którym następuje class wartości atrybutów (zobacz poniższy przykład 2)。

Wskazówka:Elementy HTML mogą również odnosić się do wielu class（Zobacz poniższy przykład 3）。

Przykład

Przykład 1

Wybierz i ustaw styl dla wszystkich elementów o class="intro":

.intro {
  background-color: yellow;
}

Spróbuj sam

Przykład 2

Wybierz i ustaw styl dla wszystkich elementów <p> o class="intro":

p.intro {
  background-color: yellow;
}

Spróbuj sam

Przykład 3

.class Różne użycia selektorów:

/* Wybierz wszystkie elementy o class="center" */
.center {
  text-align: center;
}
/* Wybierz wszystkie elementy <p> o class="large" */
p.large {
  font-size: 200%;
}
/* Wybierz wszystkie elementy <p> zawierające classy "fancy" i "beige" */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* Wybierz wszystkie elementy class="ex2" wewnątrz elementu <p> o class="ex1" */
p.ex1 .ex2 {
  background-color: yellow;
}

Spróbuj sam

Gramatyka CSS

.class {
  deklaracje css;
}

Gramatyka CSS

element.class {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek