div.float versus .float

[shapper]

Hello,

I was reading an article and I can't figure something. I have:

div.float {
float: left;
}

And the HTML:

<div class="float">
<p>caption 1</p>
</div>

What is the difference of having:

div.float {
float: left;
}

or just

..float {
float: left;
}

Thanks,
Miguel

[Els]

shapper wrote:

Hello,

I was reading an article and I can't figure something. I have:

div.float {
float: left;
}

And the HTML:

<div class="float">
<p>caption 1</p>
</div>

What is the difference of having:

div.float {
float: left;
}

or just

.float {
float: left;
}

As long as you only have one type of element with class="float", there
is no difference. If you'd have a div with class="float" and also
another element with that class, for instance <p class="float">, then
there would be a big difference :-)

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[shapper]

Ah,

got it. That might come handy. :-)

Thanks,
Miguel

Els wrote:

shapper wrote:

Hello,

I was reading an article and I can't figure something. I have:

div.float {
float: left;
}

And the HTML:

<div class="float">
<p>caption 1</p>
</div>

What is the difference of having:

div.float {
float: left;
}

or just

.float {
float: left;
}

As long as you only have one type of element with class="float", there
is no difference. If you'd have a div with class="float" and also
another element with that class, for instance <p class="float">, then
there would be a big difference :-)

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[David Trimboli]

Els wrote:

shapper wrote:

>What is the difference of having:

div.float {
float: left;
}

or just

.float {
float: left;
}

As long as you only have one type of element with class="float", there
is no difference. If you'd have a div with class="float" and also
another element with that class, for instance <p class="float">, then
there would be a big difference :-)

Furthermore, div.float is more specific than .float. Selector
specificity impacts on the cascade order:
http://www.w3.org/TR/CSS21/cascade.html#cascading-order

David
Stardate 6904.7