Tagged Fiddles

• 1

  Revisions

  Forks

  [Validate] CSS Color

  • web colors
  • css

  /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))$/gi

  #+ These are all valid CSS colors rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0%) hsl(50, 150, 100) hsla(50, 150, 100, 0) hsla(50, 150, 100, 0%)

  Open Fork
• 5

  Revisions

  Forks

  look for specific classname

  • css
  • classname

  /class=\"[^\"]*xyz/gi

  #+ class="xyz" class="abc xyz" class="xyz abc" class="abc xyz def" class="abc def" title="xyz" title="xyz" class="abc def"

  Open Fork
• 2

  Revisions

  Forks

  CSS Selector

  • css

  /^(\*|(?:-?\w[\w\d-]*))(?:(?:\[(\w[\w\d-]*(:?[~^$*|]?=[^\]]+)?)\])|(?:::?([\w()-]+))|(?:[#.]-?\w[\w\d-]*))*/mg

  * My-Element-1 My-Element-1[foo] My-Element-1[foo="bar"] My-Element-1[foo~="bar"] My-Element-1[foo^="bar"] My-Element-1[foo$="bar"] My-Element-1[foo*="bar"] My-Element-1[foo|="en"] My-Element-1:root My-Element-1:nth-child(n) My-Element-1:nth-last-child(n) My-Element-1:nth-of-type(n) My-Element-1:nth-last-of-type(n) My-Element-1:first-child My-Element-1:last-child My-Element-1:first-of-type My-Element-1:last-of-type My-Element-1:only-child My-Element-1:only-of-type My-Element-1:empty My-Element-1:link My-Element-1:visited My-Element-1:active My-Element-1:hover My-Element-1:focus My-Element-1:target My-Element-1:lang(fr) My-Element-1:enabled My-Element-1:disabled My-Element-1:checked My-Element-1::first-line My-Element-1::first-letter My-Element-1::before My-Element-1::after My-Element-1.warning My-Element-1#myid My-Element-1:not(s) My-Element-1 My-Element-1 > My-other_Element-1 My-Element-1 + My-other_Element-1 My-Element-1 ~ My-other_Element-1

  Open Fork