Select Page

I bought Xyle Scope a few days back and it just saved my sanity a few minutes ago. I was trying to not float a label that floats left by default.

#content_sub label {
label.stick {

Presumably, the label.stick instructions would override the #contentsub label instructions because it was farther down in the .css file. Wrong. Xyle has this great visual tool that shows you the order of the instructions cascading onto an element in the page. What Xyle showed me was that in fact, the more specific instructions trump general class ones, so simply changing label.stick to #contentsub label.stick did the trick.

Thank you, Xyle Scope!