Question

我正在尝试在我将列表作为短代码插入的位置显示相关帖子的列表，但隐藏了我的相关帖子插件（MicroKids）自动插入的列表。我已经为短代码生成列表分配了一个类;我无法对自动插入的列表进行任何更改。

例如，在http://www.litquake.org/calendar-of-events/the-future-that-never-was上，您会看到地图上方显示的作者姓名列表（以Murray，Tina Marie开头）（我要显示的短代码插入列表）和重复地图下方显示的作者姓名列表（我要隐藏的自动插入列表）。

以下是代码的简化版本：

<div class="entry-content clearfix">
<p>
<div class="show-related-posts" style="padding-left: 30px;">
<div class="related-posts">
</div>
<div id="em-location-map-ca500" class="em-location-map" style="background: none repeat scroll 0% 0% rgb(205, 205, 205); width: 400px; height: 300px; position: relative; overflow: hidden;">
<div id="em-location-map-info-ca500" class="em-location-map-info" style="display:none; visibility:hidden;"> </div>
<div id="em-location-map-coords-ca500" class="em-location-map-coords" style="display:none; visibility:hidden;">
<div class="related-posts">
<div id="related-posts-MRP_all" class="related-posts-type">
</div>

有谁知道如何定位列表的一个匹配而不是另一个？

Answer 1

您有两种选择：

要么为他们提供一个额外的类class="related-posts related-posts-1"，然后使用该类选择它。
或者您可以使用.related-posts:first-child或.related-posts:last-child作为选择器。

CSS挑战：仅在页面上显示元素的一个实例

1 个答案: