覆盖flexslider中的css标记

时间:2014-07-07 07:37:43

标签: css magento flexslider

我正在尝试在magento页面上使用flexslider。问题是因为我使用的是第三方主题,所以它们在css中带有一个标签

.std ul {
    list-style: disc outside none;
    padding-left: 1.5em;
}

我如何在magento的css中骑过这个?

我试图这样做

.flex-direction-nav .std ul{list-style:none;}

但没有变化。

enter image description here

看到红色框中的2个点。我想删除它们。 我不想从主css中删除.std ul标签,因为它会搞乱别的东西来解决这个问题。我该怎么办?

4 个答案:

答案 0 :(得分:1)

请尝试以下代码:

.flex-direction-nav {list-style:none !important;}

答案 1 :(得分:0)

.std ul{list-style:none!important;}

如果您可以在ul上添加ID,您也可以通过ID来定位它,它将覆盖该CSS。

答案 2 :(得分:0)

它应该是:

.std ul {list-style-type:none !important;}

答案 3 :(得分:0)

我尽量避免!尽可能重要,因为当你稍后更新内容时会让人感到困惑,这会使维护变得更加困难。肯定是这样的:

.flexslider ul.flex-direction-nav {list-style:none}

会对你有用吗?