RSS 查看器覆盖列表项 CSS 样式

Question

我正在使用 SharePoint Online。我有一个 Web 部件页面，其中包含许多带有链接的 Web 部件。链接的字体大小约为 12px。

如果我将 RSS 查看器 Web 部件添加到页面，那么它会将“列表项”类 CSS 样式覆盖为 8px 之类的东西，这是不可读的。

为了纠正这个问题，我尝试了以下方法：

1. 在同一页面上的脚本编辑器 Web 部件中添加了以下代码： .item 链接项 { 字体大小：20px！重要； } .link-item { 字体大小：20px！重要； }

2. 从 RSS 查看器 Web 部件中完全删除所有 XSL，并用非常简单的格式化代码替换它，将 RSS Web 部件中的链接格式化为 16 像素 - 但其他链接仍设置为 8 像素。

3. 将自定义样式表链接到相关母版页并在其中设置链接项类，确保它在标准 SharePoint css 之后执行。

...但没有任何效果！

看来，只要将 RSS 查看器 Web 部件添加到页面，它就会覆盖列表项样式，然后即使 Web 部件中的所有 XSL 都被删除也不会释放它！

从页面中删除 RSS 查看器并保存后，链接字体大小恢复正常。

有人对此有解决办法吗？

提前致谢，

吉米

Answer 1

正如您正确注意到的那样，有几种方法可以将自定义样式表应用于 RSS 查看器 Web 部件，以下简单的解决方案在 SPO 中适用于我（您问题中的选项 1）：

1. 以Edit模式打开页面
2. 将Script Editor web 部件放在页面上

3. 插入以下 CSS：

   <style type="text/css">
   .link-item a, .link-item a:link {
       font-size: 12px;
   }
   </style>
   

4. 保存更改

结果