How can I select all elements except those inside divs with particular classes

Question

I\'d like to find a way to select all the makes of cars except those that are inside a div with the class discontinued or scrapped. Here\'s my mark

Answer 1

Unfortunately CSS selectors cannot traverse up parent elements, so if you are just trying to style them differently you may want to reverse your thought process and select ones that are .discontinued or .scrapped and apply overriding styles:

.model {
  padding-left: 10px;
}

.make {
  color: green;
}

.scrapped .make,
.discontinued .make {
  color: red;
}

    
NISSAN
    
MICRA


    

        
FORD
        
MONDEO
    


    

        
SEAT
        
IBIZA
    


    

        

            
SEAT
            
IBIZA
        
    


    
HONDA
    
INTEGRA


    
PEUGEOT
    
206


    
TOYOTA
    
COROLLA