CSS Components

As I see in the section documentation,

    1) To change the font-size of PrimeFaces components globally, use the `.ui-widget` style class. 
       An example with 12px font size.

        .ui-widget,
        .ui-widget .ui-widget {
               font-size: 12px !important;
         }

I have 2 questions about this:

  • Why is it .ui-widgetwritten three times in the above code?

  • For two different instances, tabViewI want to adjust the background color of the header differently, but I could not find a way to do this. Is it possible?

+5
source share
3 answers

In a style declaration, they are a comma that limits the list of different class overrides. In particular, this css snippet reads:

Classes ui-widgetand ui-widgetchildren of an element that has a class ui-widget.

, CSS, , , , , 1px GIF JPG, .

Primefaces , , Firebug, https://addons.mozilla.org/en-US/firefox/addon/firebug/ , -, Firefox. Javascript-.

+3

tabView -, . ?

tabView, PrimeFaces, styleClass. CSS tabView ( ).

, .

XHTML:

<p:tabView styleClass="myClass">
   ...
</p:tabView>

CSS

.myClass {
   background-color: yellow;
}  

, css

+2

, , JQuery / Primefaces, . PanelGroups, PanelGrids TabViews, , : auto .

Primefaces - , W3C, " ".

0
source

All Articles