basic question on css code structure

[old_picker]

maiden post
using dreamweaver CS6
In the layout.css file I am finding 3 instances of each div tag in the css panel which is a reflection of what is in the raw code.

I am finding that changing properties in the first instance takes precedence in browser preview. Editing the other two instances seems to have no effect

What is the purpose of the 2nd and 3rd instance

thanks in advance

[Atelierbram]

Could be a specificity issue, but please specify what you mean in a code example, preferably in a demo.

[Paulie_D]

Or a media queries…that seems more likely.

[old_picker]

hmmm not sure how things work with code pen – i see the “posting code” guideline below so wont post it here.

it is a simple thing to explain there are 3 instances of layoutdiv1 in the css only one is affecting the look of the preview. In other egs of DW css I find the same thing

perhaps this is the wrong forum for such basic questions. Is there a forum that deals with entry level type questions such as mine?

thanks btw for your answers so far

[Author]

Posts