Question

如何覆盖主题css？我有问题在数据表级别上覆盖css（.ui-datatable，..），因此主题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引起的。！重要的原因是CSS规则覆盖之前或之后的任何CSS规则。

使用！important重写CSS的唯一方法是将CSS放在其后面，也标记为！important。

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

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

1 个答案: