@media query not functioning for changing color property of an element

Asked Oct 18 '18 at 21:29

Active Oct 18 '18 at 21:42

Viewed 37 times

Following media query is functioning for font-size property of an element but not working for color property of the same element:

.CSS:

.text-cyan {
    color: #33CCCC;
}
em {
    color: coral;
    font-size: 0.8em
}
@media (max-width: 600px) {
    em {
        color: coral;
        font-size: 0.5em
    }
}

.CSS screenshot

HTML:

<em class="text-cyan">Start Date: Thursday, September 20, 2018</em>

font-size successfully changes from 0.8em to 0.5em when window size is less than or equal to 600px but not changing color property of the element from #33CCCC to coral.

Can anyone please help me fix this.

Thanks

edited Oct 18 '18 at 21:42

Temani Afif

180,975
14
166
216

asked Oct 18 '18 at 21:29

1

Add your css to the question, but it looks like a specificity issue. – ksav Oct 18 '18 at 21:35
1

class is more specific that tag name – Temani Afif Oct 18 '18 at 21:39
css in its sequence has been added to the question. – Oct 18 '18 at 21:40

@media query not functioning for changing color property of an element

0 Answers0