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で、「コメント数」というタイトルの画像を非表示にするために3番目のタグを選択するにはどうすればよいですか?

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

どういうわけか、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');

});

すべての支援に感謝します。

于 2013-03-07T21:42:01.153 に答える
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

タイトルがユニークな場合の 1 つの可能性:

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