update css md

css.md

@@ -13,6 +13,7 @@ keywords:
 ---
 
 ## Basics
+
 {: .-three-column}
 
 ### Selectors
@@ -22,10 +23,12 @@ keywords:
   font-weight: bold;
 }
 ```
+
 {: .-setup}
 
 | Selector          | Description  |
-| ----------------- | ----------- |
+| ----------------- | ------------ |
+| `*`               | All Elements |
 | `div`             | Element      |
 | `.class`          | Class        |
 | `#id`             | ID           |
@@ -40,6 +43,7 @@ keywords:
 | `.parent > .child`  | Direct descendant |
 | `.child + .sibling` | Adjacent sibling  |
 | `.child ~ .sibling` | Far sibling       |
+| `.class.class`      | Have both class   |
 
 ### Attribute selectors
 
@@ -55,7 +59,7 @@ keywords:
 ### Pseudo-classes
 
 | Selector             | Description                                |
-| -------------------- | ------------------------ |
+| -------------------- | ------------------------------------------ |
 | `:target`            | eg, `h2#foo:target`                        |
 | ---                  | ---                                        |
 | `:disabled`          |                                            |
@@ -69,6 +73,11 @@ keywords:
 | `:nth-last-child(2)` |                                            |
 | `:nth-of-type(2)`    |                                            |
 | ---                  | ---                                        |
+| `:checked`           | Selects every checked element              |
+| `:disabled`          | Selects every disabled element             |
+| `:default`           | Selects the default element                |
+| ---                  | ---                                        |
+| `:empty`             | Selects every element that has no children |
 
 ### Pseudo-class variations
 
@@ -83,9 +92,11 @@ keywords:
 | `:last-child`     |
 | `:nth-child(2)`   |
 | `:only-child`     |
+
 {: .-left-align}
 
 ## Fonts
+
 {: .-left-reference}
 
 ### Properties
@@ -103,15 +114,18 @@ keywords:
 | ---                | ---                                  |
 | `text-align:`      | `left` `right` `center` `justify`    |
 | `text-transform:`  | `capitalize` `uppercase` `lowercase` |
+
 {: .-key-values}
 
 ### Shorthand
+
 {: .-prime}
 
 |         | style    | weight | size (required) |     | line-height | family            |
 | ------- | -------- | ------ | --------------- | --- | ----------- | ----------------- |
 | `font:` | `italic` | `400`  | `14px`          | `/` | `1.5`       | `sans-serif`      |
 |         | style    | weight | size (required) |     | line-height | family (required) |
+
 {: .-css-breakdown}
 
 ### Example
@@ -133,6 +147,7 @@ text-transform: lowercase; /* hello */
 ```
 
 ## Background
+
 {: .-left-reference}
 
 ### Properties
@@ -148,6 +163,7 @@ text-transform: lowercase; /* hello */
 | `background-clip:`       | `border-box` `padding-box` `content-box` |
 | `background-repeat:`     | `no-repeat` `repeat-x` `repeat-y`        |
 | `background-attachment:` | `scroll` `fixed` `local`                 |
+
 {: .-key-values}
 
 ### Shorthand
@@ -157,6 +173,7 @@ text-transform: lowercase; /* hello */
 | `background:` | `#ff0` | `url(bg.jpg)` | `left`    | `top`     | `/` | `100px` `auto` | `no-repeat` | `fixed;`   |
 | `background:` | `#abc` | `url(bg.png)` | `center`  | `center`  | `/` | `cover`        | `repeat-x`  | `local;`   |
 |               | color  | image         | positionX | positionY |     | size           | repeat      | attachment |
+
 {: .-css-breakdown}
 
 ### Multiple backgrounds
@@ -167,6 +184,7 @@ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
 ```
 
 ## Animation
+
 {: .-left-reference}
 
 ### Properties
@@ -182,6 +200,7 @@ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
 | `animation-direction:`       | `normal` `reverse` `alternate` `alternate-reverse`       |
 | `animation-fill-mode:`       | `none` `forwards` `backwards` `both` `initial` `inherit` |
 | `animation-play-state:`      | `normal` `reverse` `alternate` `alternate-reverse`       |
+
 {: .-key-values}
 
 ### Shorthand
@@ -190,6 +209,7 @@ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
 | ------------ | -------- | -------- | --------------- | ------- | ---------- | ------------------- | --------- | ---------- |
 | `animation:` | `bounce` | `300ms`  | `linear`        | `100ms` | `infinite` | `alternate-reverse` | `both`    | `reverse`  |
 |              | name     | duration | timing-function | delay   | count      | direction           | fill-mode | play-state |
+
 {: .-css-breakdown}
 
 ### Example