【问题标题】:inherited list-style shortcode WordPress继承的列表样式短代码 WordPress
【发布时间】:2014-04-06 06:53:01
【问题描述】:

我设置了标签式内容(使用 Ultimatum 框架和简码),其中包含文本、图像和嵌入的 YouTube 视频。一切正常,但我想知道如何消除选项卡式菜单旁边的项目符号列表样式。我认为调用这种风格的类是:

nav nav-tabs ult_tablinks

我的自定义 css 文件中的主要项目符号样式存在问题,即: 代码:

/* Bullets */
.archive-page ul li,.entry-content ul li{list-style:squareoutsidenone;color:#421C52;}
/* Bullets End */

我喜欢此设置在整个网站上设置项目符号的方式。虽然,在某些领域,例如上面的选项卡中的短代码样式,这是一个问题,因为它将项目符号放置在选项卡式菜单中。 nav nav-tabs ult tablinks 继承了以下代码: 代码:

.archive-page ul li, .entry-content ul li {
list-style: square outside none;}
li {line-height: 20px;}

我是否仍然可以使用一般的项目符号样式并将它们从这个短代码区域中删除?

这里是 beta 站点的链接,您可以在其中看到我在说什么。我希望标签不引用列表样式。

http://www.drphyllisbooks.com/drbooks2014/books-neural-therapy/patient/

我可以通过删除上面的 /* Bullets */ css 来删除项目符号,但是我在整个网站上都没有漂亮的项目符号样式。

任何关于如何解决此问题或更好的解决方案的想法将不胜感激。

感谢大家的时间和考虑。

【问题讨论】:

    标签: wordpress shortcode inherited


    【解决方案1】:

    将此添加到您的自定义 CSS 文件中:

    .entry-content ul.nav-tabs li { list-style:none; }
    

    在 .nav-tabs 类中附加“ul”仅指定选项卡式菜单中的 li。

    【讨论】:

    • 做到了!非常感谢,我会在学习和使用 css 时保留它以供参考。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2017-05-20
    • 2023-03-12
    • 1970-01-01
    • 2013-02-23
    • 2018-08-15
    • 2011-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多