Question

在cakephp中，我无法摆脱带有css标签的蓝色默认可怕表格。下面的css代码对颜色没有影响，但它对字体大小有影响。页面排序的分页文档没有说什么。如何获取更改整个表标题行的css标记？

.style1 th {
    background-color:white;

    font-size:20px;
    font-family:Arial;
    font-weight:normal;
    color:black;

}
..
<table class="style1" >
    <tr>
           <tr>
            <th><?php echo $this->Paginator->sort('first_name'); ?></th>
            <th><?php echo $this->Paginator->sort('last_name'); ?></th>
            <th><?php echo $this->Paginator->sort('guardian_first_name'); ?></th>
            <th><?php echo $this->Paginator->sort('guardian_last_name'); ?></th>


    </tr>

http://book.cakephp.org/2.0/en/core-libraries/helpers/paginator.html

Answer 1

您应该尝试这样做并删除额外的logging.FileHandler

tr

Answer 2

这与CSS Precedence有关：http://vanseodesign.com/css/css-specificity-inheritance-cascaade/

基本上具有更高重要性的东西是应用自己的样式而不是你的样式，例如：

{p> th { color: blue;}会被table th {color: red; }覆盖，而div table th { color: black; }将覆盖该文件，等等。

使用Chrome的“检查元素”功能（或类似功能）来查找应用于此元素的规则，以便您可以使自己更具体。

或者你可以使用!important css规则，该规则将始终应用该规则，无论优先级如何，但这通常不是最佳选择，只是一个快速修复：https://css-tricks.com/when-using-important-is-the-right-choice/

您可以像这样将!important应用于您的CSS：

.style1 th {
    background-color:white !important;
    font-size:20px !important;
    font-family:Arial !important;
    font-weight:normal !important;
    color:black !important;

}

P.S你的HMTL中还有一个流氓<tr>标签

无法覆盖页面的默认表格标题颜色＆gt;使用CSS排序

2 个答案: