CSS選擇器SharePoint 2010

Question

我有以下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中，我如何選擇第三個標簽以隱藏標題為“ Number of Comments”的圖像？

Answer 1

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

或者這也可以：

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

但是這些取決於您的標記/內容。 最好的方法是-在服務器端在該圖像或其容器上生成特定的類（如果可以）

Answer 2

如果標題是唯一的一種可能性：

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

Answer 3

您可以使用以下內容：

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;
}

Answer 4

通過css共享點以某種方式不允許我使用通過css此處提到的任何選擇器來擺脫包含要刪除的鏈接和圖像的specif標簽，因此我決定使用jquery來代替，該方法如下：

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

});

感謝您的協助。