【问题标题】:Remove list-style from shortcode WordPress Tabbed Menu从简码 WordPress 选项卡式菜单中删除列表样式
【发布时间】:2014-04-14 07:52:03
【问题描述】:

我在尝试从 WordPress 中生成的短代码选项卡式系统中删除列表样式时遇到问题。我成功使用了提供的解决方案:

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

在大多数页面上,上面的代码都有效。

请参考下面的链接以了解 Zoolian 的解决方案在此页面上的工作方式(您可以在下面看到列出的项目,但在上面的选项卡式菜单中没有列表样式):

http://www.drphyllisbooks.com/drbooks2014/books-neural-therapy/what-is-bnt/

虽然,有一个页面无法正常工作。请看以下链接:

http://www.drphyllisbooks.com/drbooks2014/books-family-health-center/

我想从菜单选项卡式选项中删除项目符号列表样式,并在选项卡式内容区域内保留列表样式。

任何帮助或想法将不胜感激。我从 Zoolian 那里得到了帮助,但不幸的是它在网站的这个区域不起作用。

谢谢你,我感谢你的时间和考虑。

【问题讨论】:

  • 我相信我用以下 css 代码解决了列表样式问题: ul.nav-tabs li {list-style:none;} 现在,我需要弄清楚如何制作选项卡式菜单的样式在所有区域都相同。您可以注意到它在固定区域是粗体,而在其他区域不是粗体。
  • Zoolian 提供的原始解决方案使用以下代码:.entry-content ul.nav-tabs li { list-style:none;对于另一页,我在下面添加了以下两行代码: ul.nav-tabs li {list-style:none;} ul.nav a {font-size:14px;font-weight:normal;line-height: 14px;} 我认为导致问题的页面嵌套在 WordPress 无序列表的另一个区域中。我对结果很满意,我只需要微调样式,以便在两个区域都匹配。谢谢。

标签: wordpress shortcode


【解决方案1】:

它可能会帮助您阅读一些有关 CSS 选择器的特殊性的内容。具体性决定了哪些 CSS 属性被应用到一个元素上。具有最具体选择器的属性将被应用。 在您的情况下,.entry-content ul.nav-tabs liul.nav-tabs li 更具体,所以这可能是后者为您工作的原因。

关于特异性的(非常)详细的帖子是例如这个:http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/.

【讨论】:

  • 谢谢 wedi 我会看看提供的链接。非常感谢!
猜你喜欢
  • 1970-01-01
  • 2013-09-17
  • 1970-01-01
  • 2015-05-18
  • 2013-07-02
  • 1970-01-01
  • 2012-12-08
  • 2012-11-15
  • 2019-02-12
相关资源
最近更新 更多