html - 基本 CSS 帮助 - 删除形状

Question

我试图通过 css 禁用元素标签上方的三 Angular 形。要查看这些，请按链接，(听，看，品味)有虚线和文字。在文本上有一个不居中的小红色三 Angular 形/箭头。我已经为菜单成功完成了，但没有为元素标签。有问题的网站是:tedmartinez.com

.content-title span:before {
display: none;
}

.content-title span:before {

     content: none;

}

span.content-title {
    display:none;
}
span {
    display:none;
}

.content-title span:before {
    content: none;
}
#content-title span:before {
    content: none;
}

上面的代码不适用于在元素/内容标题上禁用它。

/*removing all arrows and triangles from Tripod*/
nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
content: none;
}

nav.main-menu>ul>li:last-child:after{
content: none;
}

.sf-menu > li:hover > ul:before,
.sf-menu > li.sfHover > ul:before {
content: none;
}

nav.main-menu > ul > li:before {
    content: none;
}

.widget h5.widget-title span:before {
    content: none;
}

#reply-title span:before, #comments-title span:before, .related-title span:before {
    content: none;
}
/*tripod menu arrows while active*/
    nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
            content: none;}

/*tripod menu arrows while hover*/
    nav.main-menu > ul.sf-menu li:hover:before, nav.main-menu > ul.sf-menu li.sfHover:before{
            content: none;}

这有助于在菜单上禁用它。

那是行不通的。当我编辑 HTML 时，就在我的浏览器中的检查元素下，如果我删除 span 标签，它就会工作。另外，我想将元素标签的文本居中。去品味页面看看。我希望味道在一条线上，然后在另一条线上，同时保持中心。我该怎么做？非常感谢!

Answer 1

试试这个

.content-title span:before{
  border-left: none;
  border-right: none;
}

要回答您的第二个问题，请将宽度设置为 50% 以防止您的文本换行

 .content-title span {
  padding: 10px 15px 0 15px;
  position: relative;
  display: inline-block;
  z-index: 2;
  border-radius: 10px;
  width: 50%;
}