Question:Consider the following code snippet:
<div id="sectors">
    <div id="A" class="A"></div>
    <div id="B" class="B"></div>
    <div id="C" class="C"></div>
    <div id="D" class="D"></div>
    <div id="E" class="E"></div>
</div>
With these style rules:
<style>
#sectors > div {
    float: left;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 16px;
 background-color:red; color: white;
 text-align: center;
}
#sectors > div::after {
    content: attr(id) '-Block';
}
#sectors > div.changecolor {
    background-color: blue;
} 
</style>
Which of the following code snippets when inserted into CSS will change the A and B div’s color from red to blue? 

A In style rule add this code “#sectors > div:not(.C):not(.D):not(.E) {background-color: blue;}” 

B In style rule add this code “#sectors > div:not(.C, .D, .E) {background-color: blue;}” 

C Both A and B 

D None 

+ Answer
+ Report
Total Preview: 1757

Copyright © 2025. Powered by Intellect Software Ltd