CSS选择器的SharePoint 2010

我有以下HTML结构：CSS选择器的SharePoint 2010

<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中我将如何以隐藏标题为“评论数”的图像选择第三个标签？

来源

2013-03-07 Dev P

将具有'display：none'属性的类应用于您的img标记 – Sachin 2013-03-07 16:49:07

我会这样做，但我不想去编辑HTML ....这会涉及更改品牌项目，然后部署哪个在这种情况下是矫枉过正... – 2013-03-07 16:53:04

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

或者这也适用：

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

但这些依赖于你的标记/内容。最好的办法是 - 生成图像上的特定类或它的容器，服务器端（如果可以的话），如果你的标题是独一无二的

来源

2013-03-07 16:52:28 Luca

嗨卢卡的img选择器上面的工作，但我注意到，链接仍然存在，虽然图像已被隐藏。我将如何隐藏整个第三个标签？ – 2013-03-07 17:18:00

我在上面的答案中的CSS的第三位应该做的伎俩。 – jmshapland 2013-03-07 19:10:18

@DanielPerez如果你从我的答案的第一个选项中删除了'img'，它会隐藏整个第三个''标签:) – Luca 2013-03-08 15:11:21

一种可能性：

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

来源

2013-03-07 16:54:19 mafafu

您可以使用以下方法：

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-07 16:54:49 jmshapland

不知怎的，通过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-07 21:42:01

CSS选择器的SharePoint 2010

回答

相关问题