Positioning CSS selectors

Is there a certain way to position these selectors in the css to get rid of all the yellow warning dots?

For instance:
Why is it telling me to move all of these to a different location?

This code here has nothing to do with .wraph
Why is it telling me to move it out of its current spot to a different location?

 vertical-align: top;

.container-right .wrapf svg {
  vertical-align: top;
}

.container-right .wrapd svg {
  vertical-align: top;
}

.container-right .wrapc svg {
  vertical-align: top;
}

Code Layout:

.container-top
.header


.container-left 

.wrapa

.jacketc
.wrapg

.jacketd
 .wraph

.container-right

.wrapb

.wrapc

.wrapd

.jacketb
.wrape

.wrapf

At a guess, it’s trying to get you to put the css in alphabetical order within a depth?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.