using css combinators to target specific element

  • css combinators
    • descendant selector (space)
    • child selector (>)
    • adjacent sibling selector (+)
    • general sibling selector (~)
  • using combinators, I can target specific element, especially if the element does not have id or specific class
    • example per below 
        div[data-heading^="Metadata"] + div > ul {
      background-color: var(--background-accent); border-radius: 0.4rem;
  }

Metadata

  • topic:: 00 Coding00 Coding
    #MOC / for programming language, coding guide and libraries focusing on data analytics and html/css
    • related:: css snippets Private or Broken Links
      The page you're looking for is either not available or private!
  • updated:: 2022-07-15 Private or Broken Links
    The page you're looking for is either not available or private!
  • reviewed:: 2022-07-15 Private or Broken Links
    The page you're looking for is either not available or private!
  • #LiteratureNote

References