RSS Viewer覆盖列表项CSS样式

Question

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

如果我将RSS Viewer Web部件添加到页面，那么它会将'list-item'类的CSS样式覆盖为8px，这是不可读的。

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

1. 在同一页面上的脚本编辑器Web部件中添加了以下代码： .item链接项 { font-size：20px！important; } 。链接项目 { font-size：20px！important; }

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

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

......但没有任何作用！

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

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

有没有人为此修复/解决？

提前致谢，

麦

Answer 1

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

1. 以Edit模式
打开页面
2. 将Script Editor网页部分放在页面

3. 插入以下CSS：

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

4. 保存更改

<强>结果