2

我有以下html结构：

<div class="ms-PostFooter">

<span style="">
<span style="" class="s4-clust">
<a href="#" style="">
<img src="" alt="" style="l" title="" class="imglink" longDesc="" />
</a>
</span>
</span>

<span style="">
<span class="s4-clust">
<a href="#" style="">
<img src="" alt="" style="" title="" class="imglink" longDesc="" />
</a>
</span>
</span>

<span style="">
<span class="s4-clust">
<a href="#" style="">
<img src="" alt="" style="" title="Number of Comments" class="imglink" longDesc="" />
</a>
</span>
</span>

</div>

在 css 中，我将如何选择第三个标签以隐藏标题为“评论数”的图像？

4

4 回答 4

1 
.ms-PostFooter span::nth-child(3) img {
    display: none;
}

或者这也有效：

img[title="Number of Comments"] {
    display: none;
}

但是这些取决于您的标记/内容。最好的方法是 - 在该图像或其容器上生成一个特定的类，服务器端（如果可以的话）

于 2013-03-07T16:52:28.173 回答
0

如果您的标题是唯一的，则有一种可能性：

[title="Number of Comments"]
{
    display:none;
}
于 2013-03-07T16:54:19.667 回答
0

您可以使用以下内容：

div :last-child span .imglink{
   display:none;
}

jsfiddle：http: //jsfiddle.net/kGThS/1/

这可能更具体：

.ms-PostFooter :last-child span .imglink{
   display:none;
}

jsfiddle：http: //jsfiddle.net/kGThS/3/

要根据您在下面的评论隐藏整个最后一个跨度/链接，请使用以下命令：

.ms-PostFooter :last-child span{
   display:none;
}
于 2013-03-07T16:54:49.660 回答
0

不知何故，通过 css sharepoint 不允许我通过 css 使用此处提到的任何选择器来摆脱包含要删除的链接和图像的特定标记，所以我决定使用 jquery 来代替它，它的技巧如下：

$( document ).ready(function() {
$('DIV.ms-PostFooter span:nth-child(3)').css('display', 'none');
$('DIV.ms-PostFooter span:nth-child(4)').css('display', 'none');

});

感谢所有的帮助。

于 2013-03-07T21:42:01.153 回答