Conflict of properties

Report a typo

We have the HTML page:

get("/html") {
    call.respondHtml(HttpStatusCode.OK) {
        head {
            link(rel = "stylesheet", href = "/style.css")
        }
        body {
            h1("greeting") {
                +"Hello user!"
            }
        }
    }
}

Styles:

get("/style.css") {
    call.respondCss {
        rule(".greeting") {
            color = Color("#FF0000")
            color = Color("#00FF00")
            color = Color("#0000FF")
        }
    }
}

What will the user see in the browser?

1)

Empty page (CSS DSL error)

2)

red text

3)

green text

4)

blue text

5)

black text

Open the IDE and check the result yourself.

Select one option from the list
___

Create a free account to access the full topic