Enheter & Selektorer

Testa din kunskap av CSS-enheter och selektorer.

Units
Completion percentage: 82.8% (9513)
Completion percentage: 82.8% (9513)

Export
Percents%
CountΣ

Which of these CSS units have you used?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kUser Countexexininmmmmcmcmchchptptvmin, vmaxvmin, vmaxremremememvh, vwvh, vw%%pxpx71283697618613623375487118713900791399432

Pseudo Elements
Completion percentage: 81.9% (9408)
Completion percentage: 81.9% (9408)

Export
Percents%
CountΣ

Which of these CSS pseudo-elements have you used?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kUser Count::backdrop::backdrop::marker::marker::first-line::first-line::first-letter::first-lette…::selection::selection::placeholder::placeholder::after::after::before::before1242293739164048669692959314

Combinators
Completion percentage: 81.8% (9398)
Completion percentage: 81.8% (9398)

Export
Percents%
CountΣ

Which of these combinations CSS selectors have you used?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kUser Countdiv ~ div (subsequent sibling)div ~ div (su…div + div (next sibling)div + div (ne…div > span (child)div > span (c…div span (descendant)div span (des…6404769891579190

Tree / Document Structure
Completion percentage: 81.8% (9396)
Completion percentage: 81.8% (9396)

Export
Percents%
CountΣ

Which of these structure related CSS selectors have you used?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kUser Count:is():is():only-child:only-child:empty:empty:nth-last-of-type():nth-last-of-…:last-of-type:last-of-type:first-of-type:first-of-typ…:root:root:nth-of-type():nth-of-type(…:nth-last-child():nth-last-chi…:not():not():last-child:last-child:nth-child():nth-child():first-child:first-child1995311939644656547357725985689269817861886590249067
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Content-Visibility

content-visibility is making a huge difference in the performance of my web apps already, but at the same time I think it should be the job of browsers to optimize this, not devs.

We asked members of the CSS community to share their “pick of the year”

Kilian Valkhof

Web developer and creator of Polypane

Attributes
Completion percentage: 74.9% (8608)
Completion percentage: 74.9% (8608)

Export
Percents%
CountΣ

Which of these CSS attributes selectors have you used?

0.02.0k4.0k6.0k8.0k0.02.0k4.0k6.0k8.0kUser Countdiv[foo$="bar"] (Ends with)div[foo$="bar…div[foo~="bar"] (Contains word)div[foo~="bar…div[foo*="bar"] (Contains substring)div[foo*="bar…div[foo^="bar"] (Starts with)div[foo^="bar…div[foo] (Presence)div[foo] (Pre…div[foo="bar"] (Equality)div[foo="bar"…379141584544551676118197

Links/URLs
Completion percentage: 65.8% (7557)
Completion percentage: 65.8% (7557)

Export
Percents%
CountΣ

Which of these links & URLs related CSS selectors have you used?

0.01.0k2.0k3.0k4.0k5.0k6.0k7.0k0.01.0k2.0k3.0k4.0k5.0k6.0k7.0kUser Count:local-link:local-link:any-link:any-link:target:target:link and :visited:link and :vi…56738086922

Interaction
Completion percentage: 82.6% (9489)
Completion percentage: 82.6% (9489)

Export
Percents%
CountΣ

Which of these interaction CSS selectors have you used?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kUser Count:focus-visible:focus-visibl…:focus-within:focus-within:active:active:focus:focus:hover:hover20812919897892189460

Form Controls
Completion percentage: 74.5% (8559)
Completion percentage: 74.5% (8559)

Export
Percents%
CountΣ

Which of these form related CSS selectors have you used?

0.02.0k4.0k6.0k8.0k0.02.0k4.0k6.0k8.0kUser Count:user-invalid:user-invalid:in-range and :out-of-range:in-range and…:indeterminate:indeterminat…:placeholder-shown:placeholder-…:default:default:read-only and :read-write:read-only an…:valid and :invalid:valid and :i…:required and :optional:required and…:enabled and :disabled:enabled and …:checked:checked4559461587201926083791397966647903
« Previous: Andra FeaturesNext: Technologies »
Charts built with Nivo. Hosted by Netlify.
Frågor? Hittat en bugg? Öppna ett ärende. Join us on Discord.
Press option/alt to enable translator mode.