css
dz / webdev / cssSummary
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). |