无法通过WordPress主题使用我的自定义样式

时间:2014-08-07 21:50:11

标签: css wordpress

我正在尝试将一个表的自定义样式应用到我正在使用的wordpress主题,但我似乎无法让表使用我的自定义样式。我做了一些根本错误的事情,我错过了吗?

以下是我的编辑类的表单代码:

<table class="edit"><tr><td><form action="" method="post"><button type="submit"
class="link"><span>Form Approve</span>   </button></form>&nbsp;|&nbsp;<form action=""
method="post"><button type="submit" class="link"><span>Form Delete</span></button></form>
</td></tr></table>


//Wordpress theme style 

table {
border-collapse: collapse;
margin-bottom: 15px; 
}

table th {
background:#eee;
border: 1px solid #fff;
padding: 10px; 
}

table tr {
background:#f5f5f5;
}

table td {
border: 1px solid #fff;
padding: 10px; 
}



//MY CUSTOM STYLING

.edit table {
border-collapse: collapse;
margin-bottom: 2px; 
}

.edit table th {
background:#eee;
border: 1px solid #ffffff;
padding: 0px; 
}

.edit table tr {
background:#ffffff;
}

.edit table td {
border: 1px solid #ffffff;
padding: 2px; 
}

2 个答案:

答案 0 :(得分:0)

.edit table不存在(这将是另一个具有&#34;编辑&#34;类的元素内的表格,而应使用.edit或{{1} }。例如:

table.edit

答案 1 :(得分:0)

除了您的wordpress模板样式与您的自定义样式完全相同之外,我无法告诉您哪里错了。

我不认为你真的需要编辑课,你可以用它来覆盖样式,而且.edit会在桌子后面,所以它看起来像这样

table.edit {
border-collapse: collapse;
margin-bottom: 15px; 
}