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;
}

最佳答案

.edit table不存在（这将是另一个具有“ edit”类的元素内的表），而应使用.edit或table.edit。例：

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

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

关于css - 无法将我的自定义样式用于WordPress主题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25192874/