Selector

Deft supports class selectors, attribute selectors, pseudo-class selectors, pseudo-element selectors, and combinators.

Class Selectors

.title {
    color: #FFF;
}

Attribute Selectors

[name="my-name"] {
    color: #FFF;
}

Pseudo-class Selectors

button:hover {
    color: #F00;
}

Pseudo-element Selectors

/* Set scroll bar style */
scroll::scrollbar {
    background: #E1E1E1;
}

scroll::scrollbar-thumb {
    background: #C1C1C1;
}

Combinators

.title .name {
    color: #F00;
}