如何在内容管理系统中覆盖 CSS答案

【问题标题】：How to over-ride CSS in content management system如何在内容管理系统中覆盖 CSS
【发布时间】：2017-08-22 21:58:08
【问题描述】：

我正在我公司的 Intranet 上构建一个页面，该页面在 Sharepoint 2007 上运行。我正在尝试使用表格来更好地组织页面，但似乎有一个样式表将所有表格定义为具有边框和灰色背景。我想更改表格的格式，但找不到绕过样式表的方法。

当我进入 HTML 编辑器时，我尝试更新表格中的 HTML，但没有成功。我也尝试在这个编辑器中添加 CSS，但没有骰子。我是这种事情的业余爱好者，所以不知道如何最好地进行。有什么方法可以覆盖这个 CSS 并获得我想要的表格样式？

【问题讨论】：

表格是实际数据吗？或者您是否尝试使用它们来布局页面？如果是后者，那么我建议你不要使用表格而使用块元素，例如divs。如果它是实际的表数据，并且您不能使用 inline-css，那么我会说您可能不走运 - 除非您可以将自己的样式表添加到 Sharepoint 服务器。

标签： html css content-management-system sharepoint-2007

【解决方案1】：

如何访问表？如果它只是由css中的table标签选择的，那么除非你给所有的表一个类，否则你真的什么也做不了。如果它是由一个类选择的，您可以只为您要更改的那个表更改类。如果你想保留一些属性，让表有一个不同的id，在css中为那个id创建一个选择器，然后添加你想要保留的属性。比如……

<table class = 'table'>
<tr>
<td>example<td>
</tr>
<tr>
<td>example2<td>
</tr>
</table>
<table class = 'table'>
<tr>
<td>example<td>
</tr>
<tr>
<td>example2<td>
</tr>
</table>
<table class = 'table'>
<tr>
<td>example<td>
</tr>
<tr>
<td>example2<td>
</tr>
</table>
<table class = 'table2'>
<tr>
<td>example<td>
</tr>
<tr>
<td>example2<td>
</tr>
</table>
<table class = 'table'>
<tr>
<td>example<td>
</tr>
<tr>
<td>example2<td>
</tr>
</table>


<style>
.table{
border:solid 5px black;
}
.table2{
border:solid 5px purple
}
</style>

在这个例子中，我让所有其他表都有一个类，并且只是为我想要更改的一个表更改了类。

【讨论】：

我可以通过多玩一些来解决我的问题。通过将内联 CSS 添加到表格和单个单元格中，我能够得到我需要的东西。这并不理想，但可以让我更好地布局页面。感谢您的帮助。