Vichwa vya mafaa ya kifupi cha CSS

Classi za fasi za CSS

Classi za fasi zinaandika hali ya elementi.

Mfano, inaweza kutumiwa kwa:

  • Weka muundo kwa sababu ya kufikia kwa kusikia kwa kifaa.
  • Weka muundo kwa sababu ya kufikia na kufikia links.
  • Weka muundo kwa sababu ya kufikia elementi.
  • Weka muundo wa mifano kwa madokani ya formu ambayo ni lazima, haiwezi kufikia, lazima iwe na chaguo, na ya chaguo.

Tafuta chaguo chake cha fasi zaidi za CSS:

Classi za fasi Mifano Maelezo ya mifano
:active a:active Chagula linki zilizojaribu.
:any-link a:anylink Chagula elementi zilizotumika kwa kumuandika kwa sababu ya href.
:auto-fill input:autofill Chagula elementi ya <input> zilizotumika kwa kufillia kwa kifaa.
:checked option:checked Tafuta zote <input> au <option> zilizochaguliwa.
:default input:default Chagula elementi ya formu kwa kuzingatia kwa kuzingatia.
:defined :defined Chagula elementi zozote zilizochaguliwa (kwa mabadiliko ya siku au zilizotumika kwa kufikia).
:dir() :dir(rtl) Chagula elementi zilohesha hatua ya sauti ya kifaa.
:disabled option:disabled Chagula elementi zozote zilozungumza, zilizotumiwa kwa madokani.
:empty div:empty Chagula elementi zaidi ya mababu (kwa sababu ya matukio ya maandiko) zote.
:enabled input:enabled Chagula elementi zote ambazo zinaumiliki furaha ya chaji, inayotumiwa kwa kila furaha ya chaji.
:first @page :first Inaeleza mawaka ya kwanza ya chapa (kwa kugawanyika na @page rule).
:first-child p:first-child Chagula elementi kama mwanafikiri wa kwanza wa mwanafikiri wa kwanza wa kiumbelee yake (kwa kiumbelee ya kina).
:first-of-type li:first-of-type Chagula elementi ya kwanza ya aina ya kina ya kiumbelee yake.
:focus select:focus Chagula elementi ambao ina kina, inayotumiwa kwa kila furaha ya chaji.
:focus-visible button:focus-visible Chagula elementi ambao ina kina (inaandaa mtindo wa kina kwa sababu ya kina kwenye kifungu kwa kifungu cha kina cha kifungu).
:focus-within form:focus-within Tambua elementi au yeye yake yote ya mgeni ambao ina kina.
:fullscreen :fullscreen Chagula elementi ambao ina hali ya modali ya kina.
:has() h2:has(+p) Chagula elementi ya <h2> kwa kuingia kwa <p> kama mwanafikiri wa pili, na kuandaa mtindo kwa <h2>.
:hover a:hover Chagula elementi ambao ina ngumu wa kifunzi.
:in-range input:in-range Chagula elementi ya <input> na thamani inayotarajiwa.
:indeterminate input:indeterminate Chagula elementi ya furaha ya chaji ya hatari.
:invalid input:invalid Chagula elementi ya furaha ya chaji yasiwe na thamani.
:is() :is(ul, ol) Chaguo zote za <ul> na <ol> element.
:lang() p:lang(it) Chagula elementi ya <p> kwa lang ya "it" (Kilatini).
:last-child li:last-child Chagula elementi ya <li> kama mwanafikiri wa mwanafikiri wa kwanza wa kiumbelee yake.
:last-of-type p:last-of-type Chagula elementi ya <p> kama mwanafikiri wa kwanza wa kiumbelee yake wa pili.
:left @page :left Inaeleza makala ya mabaki ya kwanza ya chapa (kwa kugawanyika na @page rule).
:link a:link Chagula viungo vyote vya ingia.
:modal :modal Chagula elementi ambazo hazina hali ya modali.
:not() :not(p) Chagula elementi zote ingepungua kwa <p>.
:nth-child() p:nth-child(2) Chagula elementi ya <p> kama mwanafikiri wa kwanza wa kiumbelee yake ya pili.
:nth-last-child() p:nth-last-child(2) Chagula elementi yenye pamoja na mwanafikia wa pili kama mwanafikia wa pili kwenye mazingira yake.
:nth-last-of-type() p:nth-last-of-type(2) Chagula elementi yenye pamoja na elementi ya pili kama mwanafikia wa pili kwenye mazingira yake.
:nth-of-type() p:nth-of-type(2) Chagula elementi yenye pamoja na elementi ya pili kama elementi ya pili kwenye mazingira yake.
:only-child p:only-child Chagula elementi yenye pamoja na elementi pekee kama mwanafikia wa kina kwenye mazingira yake.
:only-of-type p:only-of-type Chagula elementi yenye pamoja na elementi pekee ya <p> kama elementi pekee ya kipekee kwenye mazingira yake.
:optional textarea:optional Chagula elementi za <input>, <select> au <textarea> yenye kipendekezo cha kumuhesabika.
:out-of-range input:out-of-range Chagula elementi za input yenye thamani yenye uharifu wa kina na kina ya kumuhesabika.
:placeholder-shown input:placeholder-shown Chagula elementi yenye ujumbe wa kichwa cha kufikia kwa kufichwa kwenye <input> au <textarea>.
:popover-open :popover-open Chagula elementi yenye hali ya kufikia kwa kufichwa.
:read-only input:read-only Chagula elementi za input yenye hisia ya kusoma tu.
:read-write input:read-write Chagula elementi za input yenye hisia ya kuhesabika.
:required input:required Chagula elementi za input yenye kipendekezo cha kumuhesabika.
:right @page :right Inaeleza makala ya kina ya kitabu kwa sababu ya uharifu wa @page.
:root :root Chagula elementi yenye mabaki ya siku ya kwanza ya kitabu.
:scope :scope Chagula elementi yenye nafasi ya kizitoa na kina ya kuchaguliwa.
:state() :state() Chagula elementi yenye hali ya kigeni iliyotakiwa.
:target :target Chagula elementi yenye muhimu sana hivi karibuni.
:user-invalid :user-invalid Chagula elementi za thamani ya kina na ya kifaa (katika muda wa kusaidia kwa mtumishi).
:user-valid :user-valid Chagula elementi za muhimu katika foromu (katika muda wa kusaidia kwa mtumishi).
:valid input:valid Chagula kila zilizopataa thamani
:visited a:visited Chaguo za viungo vilivyozuka.
:where() :where(ol, ul) Chaguo zote za <ul> na <ol> element.