webdev/css

css

dz / webdev / css

Summary

Things related to CSS

Node Tree

Nodes

webkit_inner_spin_button
content webkit-inner-spin-button: pseudo-element that is used to style the inner part of the spinner button of number picker input elements
parents pseudo_element
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button

pseudo_element
content Pseudo-element: keyword added to a selector that lets you style a specific part of the selected elements. Double colons are used for pseudo-elements.
children webkit_inner_spin_button
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
flashcard (front) what is a pseudo-element?
flashcard (back) A keyword added to a selector that lets you style a specific part of the selected elements. ex: p::first-line

pseudo_class
content pseudo-class: a keyword added to a selector that specifies a special state of the selected elements. ex: :hover.
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
flashcard (front) What is a pseudo-class?
flashcard (back) A keyword added to a selector that specifies a special state of the selected elements.

selector
content selector: is the part of a CSS rule that describes what elements in a document the rule will match.
children selector_module (More in-depth explanation of CSS modules)
hyperlink https://developer.mozilla.org/en-US/docs/Glossary/CSS_Selector
flashcard (front) What is a selector?
flashcard (back) A CSS selector is the part of a CSS rule that describes what elements in a document the rule will match.

selector_module
content CSS selectors (module reference)
parents selector
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors

specificity
content Specificity: an algorithm used by browsers used to determine the CSS declaration that is most relevant to an element.
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
flashcard (front) What is specificity?
flashcard (back) Specificity is an algorithm used by web browsers to determine the CSS declaration that is most relevant to an element.

utility_classes
content Utility Classes: single-purposes CSS classes that handle one specific styling task, allowing developers to style elements by combining these classes in HTML directly instead of writing custom CSS.
remarks Most notably used by Tailwind.
hyperlink https://tailwindcss.com/docs/utility-first
flashcard (front) What are utility classes?
flashcard (back) Utility classes are single-purpose CSS classes typically designed to be combined together in inline HTML to produce styling (see: tailwind).