更改td項目的邊框顏色失敗，試過css和jquery

我正在使用WordPress插件來生成成員概述。它工作的很好，但我想改變行之間的分隔線。更改td項目的邊框顏色失敗，試過css和jquery

可悲的是沒有一個類適用於每一行。

生成的HTML代碼如下所示：

<tr id="Dentista" class="wowclass-1"> 
    <td style="vertical-align:middle;padding:10px">4</td> 
    <td style="vertical-align:middle;padding:10px">Dentista</td> 
    <td style="vertical-align:middle;padding:10px">100</td> 
    <td style="vertical-align:middle;padding:10px">Warrior</td> 
    <td style="vertical-align:middle;padding:10px">4</td> 
</tr>

每個TD帶來了自己的邊界，它看起來像這樣：

table.wow-armory-table, .wow-armory-table td { 
    border-bottom: 1px solid #4c4c4c!important; 
}

但任何事情我試圖改變這種顏色邊界失敗，我試圖添加CSS，但我想它不會顯示出來，因爲靜態！在CSS內部很重要。

也試過jQuery的：

<script> 
    $(document).ready(function(){ 
     $('table.wow-armory-table').css(["border-bottom: 1px solid black !important;"]); 
    }); 
</script>

Link to the site

沒有人在這裏有一個想法如何解決呢？我只是想改變線的顏色。

來源

2015-05-07 pr0b

原來的CSS確實包含了很多'！重要'。糟糕的設計。看看你是否可以擺脫其中的一些，那麼你就不會需要任何你自己的「重要」。 –

我沒有保存所有我的CSS trys，但它已被trys像這樣：td {{0} {0} {0} {0} border-bottom：1px solid black！important; } – pr0b

它看起來像插件實際上是在您的HTML（而不是頭部）注入'style'標籤...更多在頁面底部，這表明邊框樣式應該是插件內的一個設置-在自身。 –

嘗試

<script> 
    $(document).ready(function(){ 
     $('.wow-armory-table td').css(["border-bottom: 1px solid black !important;"]); 
    }); 
</script>

或者只是添加

.wow-armory-table td { 
    border-bottom: 1px solid black !important; 
}

到你的CSS。

來源

2015-05-07 14:28:58 cakan

您正在使用CSS文件和內聯CSS覆蓋所有內容。

<style>a.wowclass-1 {color: #C79C6E!important}a.wowclass-2 {color: #F58CBA!important}a.wowclass-3 {color: #ABD473!important}a.wowclass-4 {color: #FFF569!important}a.wowclass-5 {color: #FFFFFF!important}a.wowclass-6 {color: #C41F3B!important}a.wowclass-7 {color: #0070DE!important}a.wowclass-8 {color: #69CCF0!important}a.wowclass-9 {color: #9482C9!important}a.wowclass-10 {color: #00FF96!important}a.wowclass-11 {color: #FF7D0A!important}</style><style>.wow-armory-table .wowclass-1 {color: #C79C6E}.wow-armory-table .wowclass-2 {color: #F58CBA}.wow-armory-table .wowclass-3 {color: #ABD473}.wow-armory-table .wowclass-4 {color: #FFF569}.wow-armory-table .wowclass-5 {color: #FFFFFF}.wow-armory-table .wowclass-6 {color: #C41F3B}.wow-armory-table .wowclass-7 {color: #0070DE}.wow-armory-table .wowclass-8 {color: #69CCF0}.wow-armory-table .wowclass-9 {color: #9482C9}.wow-armory-table .wowclass-10 {color: #00FF96}.wow-armory-table .wowclass-11 {color: #FF7D0A}table.dataTable tr.odd {background-color: #202020}table.dataTable tr.even {background-color: #3b3b3b}table.dataTable tr.odd td.sorting_1 {background-color: #202020}table.dataTable tr.even td.sorting_1 {background-color: #3b3b3b}table.wow-armory-table , .wow-armory-table td {border-bottom: 1px solid #4c4c4c!important;}.characters-by-class-container hr {background-color: #0a0a0a;}</style>

您需要更改

wow-armory-table td {border-bottom: 1px solid #4c4c4c!important;}

這個

wow-armory-table td {border-bottom: 1px solid #000;}

而且你不應該使用!important不亞於你。如果您按順序加載正確的CSS，則不會有問題。

因爲您將它列爲在內聯CSS中聲明的!important，所以您將無法使用jQuery或CSS文件覆蓋它。

來源

2015-05-07 14:29:25 Andrew

可悲的是我沒有訪問css文件，css和html代碼是由wordpress插件生成的。 – pr0b

那麼問題依然存在。所以看起來你需要確定wordpress爲什麼要把重要的東西放在一切上並解決這個問題。然後你可以改變顏色。 – Andrew

如果您使用的是wordpress，那麼首先需要添加一個CUSTOM CSS插件，並將您的CSS放入其中，它將覆蓋現有的CSS。或者可能是你的主題有內置的自定義CSS函數。

table.wow-armory-table, .wow-armory-table td { 
    border-bottom: 1px solid #4c4c4c!important; 
}

我希望這能解決您的問題。

來源

2015-05-07 14:29:54

更改td項目的邊框顏色失敗，試過css和jquery

回答

相關問題