/* 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
}