css

dz / webdev / css

Summary

Things related to CSS

Node Tree

• pseudo_class
• pseudo_element
  • webkit_inner_spin_button
• selector
  • selector_module
• specificity
• 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
location	knowledge/css.dz:4

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
location	knowledge/css.dz:11

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.
location	knowledge/css.dz:21

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.
location	knowledge/css.dz:29

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

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.
location	knowledge/css.dz:43

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