52 lines (38 loc) · 549 Bytes

Using CSS

Type Selector

div { background-color: #000000; }

Class Selector

.active{ color: #fffff; }

Class Selector (compound Selector)

.box.orange{

} In HTML

ID Selector

#list-1 { border: 1px solid grey; }

Universal Selector

{ padding: 10px; }

Attribute Selector

a[title] { font-title: 2em; }

One rule, many selectors

h1,h2 {

}

h1#heading h2.subheading

Combinators with CSS

Descendant Selectors

p abbr {

}

Direct selectors

.menu > .is-active {

}