style in JSP

@manishrathiSep 23.2009

I have a style applied in JSP as below

[code] <style> .bb_hpList .promotionsTV[class] { min-height:200px; } .bb_hpList .promotionsTV { height:240px !important; } </style> [/code]

when it say .bb_hpList .promotionsTV , it means two classes bb_hpList and promotionsTV are applied to this element. what does the syntax “.bb_hpList .promotionsTV[class]” mean ?

thanks

to post a comment

CSS

@nathandelaneSep 30.2009 — #The syntax ".bb_hpList .promotionsTV[class]" means

An element that is contained by an element with class "bb_hpList" and itself has the class "promotionsTV".
[/quote]

An example might be:

<i>
 </i>&lt;div class="bb_hpList"&gt;
 &lt;div class="promotionsTV"&gt;
 &lt;/div&gt;
 &lt;/div&gt;

I think that [class] is redundant in this situation and so I'm not certain why its there. Another pattern that you might see is

<i>
 </i>.bb_hpList.promotionsTV {
 ...
 }

And this refers to the pattern

<i>
 </i>&lt;div class="bb_hpList promotionsTV"&gt;&lt;/div&gt;

@slaughtersSep 30.2009 — #When you see the square brackets attached to a class or tag name in CSS it is called an attribute selector. It will only apply the style if the element also has the attribute contained in the square brackets.

Example:

a[title] {

color : blue ;

}

.

.

<a href="blah.html">Blah</a> - will NOT be blue

<a href="blah.html" [COLOR="Red"]title[/COLOR]="something">Blah 2</a> - will be Blue

Since the second link has the attribute "title" in its anchor tag the style is applied to it. Attribute Selectors are not terribly well supported yet, so you don't see them very often. You can find more about selectors here:

http://www.webteacher.ws/2008/02/15/attribute-selectors-in-css/

How it is being used in the manishrathi example does not make sense to me at all. Anything with a class name will have the class attribute.

@nathandelaneOct 01.2009 — #Haha, that's what I said -- .className[class] is redundant.

style in JSP

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

style in JSP

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴