Unidades & Selectores

Teste os seus conhecimentos de unidades e selectores de CSS.

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

Export
Percents%
CountΣ

Qual destas unidades do CSS utilizou?

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

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

Export
Percents%
CountΣ

Quais destes selectores CSS utilizou?

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

Combinadores
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

Estrutura de Árvore / Documento
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

Atributos
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

Interacção
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

Controlos de formulário
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 e :out-of-range:in-range e :…:indeterminate:indeterminat…:placeholder-shown:placeholder-…:default:default:read-only e :read-write:read-only e …:valid e :invalid:valid e :inv…:required e :optional:required e :…:enabled e :disabled:enabled e :d…:checked:checked4559461587201926083791397966647903