Pseudo-klas checked

Pseudo-klas checked bellikli çekboksy ýa-da radio ýakalap biler.

Gynansagam, olary bezemek üçin stilleri belläp bolmaýar. Mysal üçin, fon ýa-da çäg reňkini belläp bolmaýar (mysal üçin, ini we beýikligi belläp bolýar, ýöne gözleýän ýaly täsir etmeýär).

Şeýle bolsa-da, goňşy elementler üçin stilleri belläp bolýar, mysal üçin, şeýle: input:checked + p - bellikli inputyň derrew aşagynda ýerleşýän abzas üçin stilleri bellaris.

Sintaksis

csselement:checked {
  
}

Mysal

Çekbokslary belläň we siz bellikli çekbokslaryň derrew yzynda ýerleşýän label bellikleriniň nädip gyzyl reňge çalşandygyny görersiňiz:

html<input type="checkbox" id="elem1">
<label for="elem1">bellik 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">bellik 2</label>

cssinput:checked + label {
  color: red;
}

Результат:

Mysal

Radio geçişlerini belläň we siz bellikli geçijiniň derrew yzynda ýerleşýän label bellikleriniň nädip gyzyl reňge çalşandygyny görersiňiz:

html<input type="radio" name="elem" id="elem1">
<label for="elem1">bellik 1</label>
<br>
<input type="radio" name="elem" id="elem2">
<label for="elem2">bellik 2</label>

cssinput:checked + label {
  color: red;
}

Результат: