CSS

Sass Playground - https://sass-lang.com/playground/ 

VS Code CSS Debugging Tool: Stylelint

Selector

• Element: p

• Class: .class_name

• Attribute:

  • a[href="huostravelblog"]

  • a[href="https://www.huostravelblog.com"]

• All: *

• Select Multiple: div, p 

• Descendant: div p

• Child: div > p

• General Sibling: div ~ p

• Adjacent Sibling: div + p

• Pseudo Classes

  • :hover

  • :focus

  • :invalid

  • :nth-of-type(n)

  • :nth-child(n)

    • :nth-child(even)

    • :nth-child(odd)

  • ::before

  • ::after