back to project

Pseudo-classes (:hover, :focus, :target)

target to #pseudoClasses
click to set target #

Chaining

Fallback

Pseudo-Elements

ie-style attributes

ie-style="
background-color:var(--theme-color);
--inner:white"
    
ie-style="background:var(--inner);
color:var(--theme-color)"
    

Dom changes

SVG

JS-Integration




Media Queries

Resize the browser window

!important

/* important on setters: */
body {
  --important:var(--theme-color) !important;
  --important:white;
}

/* important on gettses: */
.important:hover {
  background-color:var(--important) !important;
}
#important {
  background-color:white;
}
  

CSS.registerProperty()

class=initialValue
class=parent
class=child
should not inherit dotted border

dynamic added style-element

Dynamic Content