CSS .class Chaguo

Mifumo na Matumizi

CSS .class Chaguo inatumika kwa kutambua elementi ambazo ina thamani wa class mimwendo wa kina kwenye thamani ya kiwango.

Kutambua elementi zote zingine na class gharama, kuita mkono (.) herufi, na baada ya class mimwendo wa kina.

element.class Chaguo inatumika kwa kutambua elementi ambazo ina thamani wa class mimwendo wa kina kwenye thamani ya kiwango.

kutambua elementi ambazo ina thamani wa class ainae ya aina moja, kuita jina la elementi, na baada ya mkono (.) herufi, na baada ya class Mimwendo wa kina (Tazama mafano zaidi kufuatilia).

Mafanikio:Mifungo wa HTML inaweza kutumika kwa class（Tazama mafano zaidi kufuatilia).

Mfano

Mfano 1

Chaguo na kumchora hali zote class="intro":

.intro {
  background-color: yellow;
}

Jifunze tena

Mfano 2

Chaguo na kumchora hali zote class="intro" ya elementi ya <p>:

p.intro {
  background-color: yellow;
}

Jifunze tena

Mfano 3

.class Majadiliano ya Chaguo

/* Chaguo zote class="center" */
.center {
  text-align: center;
}
/* Chaguo zote class="large" ya elementi ya <p> */
p.large {
  font-size: 200%;
}
/* Chaguo zote class ya <p> ambazo ina "fancy" na "beige" */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* Chaguo class="ex1" ya elementi ya <p> zote class="ex2" */
p.ex1 .ex2 {
  background-color: yellow;
}

Jifunze tena

Mwili wa CSS

.class {
  madhumizi ya CSS;
}

Mwili wa CSS

element.class {
  madhumizi ya CSS;
}

Vivyo vya Teknolojia

Mwongozo wa kifungo