OT: CSS namespace(name scope)

[Dave]

This is actually not a JSF question, but usually JSF people know CSS. So I 
decided to post here. Sorry if this is not appropriate.
   
  CSS file1 
  -----------------
     .myTable {
     }
   
   
  CSS file2
  ----------------
       .myTable {
      }
   
  The class names defined in both files are the same.
  In one page, two panelGrid(s) use the same class name.
   
  <h:panelGrid styleClass="myTable" .. >   // myTable from file1
   
  <h:panelGrid styleClass="myTable" .. >  // myTable from file2
   
  One way is to change the class names to make them unique.
  Another way is to add a parent class name before each class(class path), such 
as,
     .file1 .myTable {
     }
   
     .file2 . myTable {
     }
   
  <h:panelGroup styleClass="file1">
  <h:panelGrid styleClass="myTable" .. >   // myTable from file1
   
  <h:panelGroup styleClass="file2">
  <h:panelGrid styleClass="myTable" .. >  // myTable from file2
   
  Both ways I need to change the CSS files.
  Is there anything like namespace(scope) so that I do not need to change the 
class names in each CSS file ?
   
  Thanks,
  David
   

       
---------------------------------
Pinpoint customers who are looking for what you sell.