用于定位没有任何属性的标题的CSS选择器

时间:2015-06-12 12:00:23

标签: html css wordpress

我有这个标题:

<h3>Contact info</h3>

写一个类或一个href,它不是一个选项。它位于wordpress的'user-edit.php文件中。我想在用户的个人资料页面上隐藏这个元素。

有没有这样的解决方案?

h3["Contact info"] {
  display: none !important; visibility: hidden;
}

感谢您的帮助!

3 个答案:

答案 0 :(得分:3)

无法根据完全缺少属性来匹配元素。

您最接近的方法是测试是否缺少某些特定的属性。

h3:not([id]):not([class]) { }

答案 1 :(得分:1)

使用nth-of-type伪类。假设你要隐藏的h3是父h2标题下的第四个h3元素,那个h2标题是页面上的第三个h2(我假设你只有一个h1标题)。然后你使用:

h2:nth-of-type(2)  h3:nth-of-type(4) {...}

请记住,如果您稍后在隐藏的标题之前添加新的h3标题,那么更改计数,则必须更改括号中的数字。

但是不要使用display none和visibility:hidden。选择你真正想要的那个 - 显示:none关闭隐藏元素所占用的空间,隐藏的可见性甚至在隐藏元素时保留空间。他们是矛盾的。除非你必须这样做,否则不要使用!important(请参阅其他StackOverflow的答案)。

答案 2 :(得分:0)

如果您只有一个h3{ display: none !important;/* visibility: hidden;*/ }

div > h3

否则你可以像h3 [title~ = yourTitle]那样使用more information here

另一种选择是使用子选择器

{{1}}