css - 覆盖 primefaces 主题 - 具有多个彩色行的数据表

Question

如何覆盖主题CSS？ 我在数据表级别(.ui-datatable，..)覆盖 css 时遇到问题，因此主题 css。 我在主题级别覆盖了 css:

            .ui-widget,  .ui-widget {
                font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 12px;
            } 
            .ui-widget-content {
                color: #000;
                padding: 3px;
                text-align: left;
                border: 1px #4682B4 solid;

            }

但我需要根据表格行中的值绘制彩色线条... (rowStyleClass="#{id.rowStyleRide}") 我尝试编写类，但它不起作用.. 似乎我无法访问行 css

    .oddRow .ui-datatable-odd{
     background-color: white; 
    }
    .evenRow .ui-datatable-even{
     background-color: black ; 
    }
    .lightGgreenRow .ui-datatable-odd,.ui-datatable-even{
     background-color: green;
    }
   .lightRedRow .ui-datatable-odd,.ui-datatable-even {
     background-color: red;
   }
  .lightYellowRow .ui-datatable-odd,.ui-datatable-even {
     background-color: yellow;
  }

有人尝试做这样的事情吗？感谢您的任何想法

Answer 1

你的问题的措辞有点不清楚:我假设你的意思是第一组 CSS 是你的，第二组是现有的 CSS？

在这种情况下，问题是由 !important 引起的。 !important 会导致该 CSS 规则覆盖它之前或之后的任何 CSS 规则。

用 !important 覆盖 CSS 的唯一方法是将您的 CSS 放在它之后，也用 !important 标记。

http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/