css

dz / webdev / css

Summary

Things related to CSS

Node Tree

• pseudo_class
• pseudo_element
  • webkit_inner_spin_button
• specificity
• selector
  • selector_module
• utility_classes

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).