| /* RESET */ |
| html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time { |
| margin: 0; |
| padding: 0; |
| } |
| |
| h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, figcaption { |
| font-size: 1em; |
| font-weight: normal; |
| font-style: normal; |
| } |
| |
| fieldset, iframe { |
| border: none |
| } |
| |
| table { |
| border-collapse: collapse; |
| border-spacing: 0 |
| } |
| |
| article, aside, footer, header, hgroup, nav, section, figure, figcaption { |
| display: block; |
| } |
| |
| caption, th { |
| text-align: left; |
| } |
| |
| /* IMPORTANT */ |
| body { |
| color: red !important; |
| } |
| |
| body { |
| color: red !important; |
| } |
| |
| body { |
| color: red !important; |
| } |
| |
| /* INLINE COMMENT */ |
| body { |
| color: red; |
| /* blue */ |
| } |
| |
| /* URLS */ |
| .myimage { |
| background-image: url(http://example.com/image.png), url(two.png) |
| } |
| |
| .myimage { |
| background-image: url("http://example.com/image.png"), url("two.png") |
| } |
| |
| /* PREFIXED SELECTORS AND PROPERTIES */ |
| .foo :matches(a, b, c) { |
| -webkit-transition: all; |
| color: red |
| } |
| |
| /* PSEUDO SELECTORS */ |
| a:link, a:visited { |
| color: black |
| } |
| |
| /* PSEUDO ELEMENTS */ |
| p::before, p::after { |
| content: "test"; |
| } |
| |
| /* RGB, HSL */ |
| body { |
| color: rgb(1, 1, 1); |
| color: rgba(100, 0, 255, 0.5); |
| color: hsl(120, 100%, 50%); |
| color: hsla(120, 60%, 70%, 0.3); |
| } |
| |
| /* |
| * This is a multi-line comment. |
| * - with indentation |
| * - and is generally awesome. |
| */ |
| body { |
| color: red |
| } |