Question

我正在使用WordPress主题，我有一个副标题菜单，在我的页面上显示标题。在主题选项中，当我更改名称或只是尝试将其清空时，子标题不会因未知原因而更新。我检查了bug列表，我发现了很多报告。如何使用css删除元素？如果我检查我得到这个： [照片] [1] [1]：https://i.stack.imgur.com/E3IKk.png

那么我应该如何仅使用CSS删除它？感谢。

Answer 1

无法在CSS中删除该元素。它可以隐藏

.container h6{
  display:none!important;
 }

Answer 2

确保您只删除这一个标题，因为选择器.container h6可能也会影响其他标题更好用：

#wrap .titlebar .titlebar-inner .container h6 {
    display: none!important;
}

Answer 3

在Chrome检查器中，右键单击该元素，然后选择“复制＆gt;复制选择器'然后只使用该选择器将其设置为display: none;

Answer 4

你可以用js删除它：

<script type="text/javascript">

$( document ).ready(function() {
var list = $("html").find("h6");
console.log(list);
$.each(list, function( index, value ) {
  if (value.innerText  == "Sub heading far far away"){
    list[index].remove();
  }
});
});

</script>

Answer 5

.titlebar-inner .container h6 {
    display : none !important;
}

使用没有ID的CSS删除元素

5 个答案: