4

我不想为此页面上列出的视频显示项目符号：http://63.246.25.145/surety-bonds/contract-bonds/performance_bond.htm

但是，即使在修改 master.css 文件以确保 mylist-style设置为none.

#page_bonds #videos {
    padding-top: 20px;
    border-top: 1px dotted #b3b3b3;
    list-style: none;  /*added for video show/hide*/
}
4

6 回答 6

3

好问题; 即使使用 list-style:none; 项目符号在 IE 中的显示方式也很奇怪。

这是删除项目符号的代码：

/* media query only applies style to IE10 and IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* removes bullets in list items for IE11*/ 
    /* You may need the next line: #page_bonds #videos li */
    li {
        list-style-position: outside;
        overflow: hidden;
    }
}
于 2016-02-03T16:50:30.983 回答
1

您的<li>元素从这里继承：

ul {
    list-style: disc outside none;
}

您需要添加

#page_bonds #videos li { list-style: none; }

于 2013-02-26T16:20:23.547 回答
1

您发布的 CSS 是指div包含感兴趣的标签ul，而不是其ul本身。这使得它很容易被其他地方的 CSS 覆盖，这些 CSS 设置了所有ul标签的样式并赋予它们list-style-type:disc.

该怎么办：

你可以给ul你想要影响它自己的id目标，或者你可以重新指定你发布的 CSS 块来引用#page_bonds #videos ul.

工作的一般原则：

您发布的代码使用 by specific 引用特定元素id，但没有专门引用您要更改的元素。因为在你的 CSS 的其他地方有一个明确的声明，它给出了所有ul元素list-style-type:disc。现在至少有两个不同的说明供ul您关心。

CSS 的工作原则是尊重最具体地涉及到感兴趣的项目的指令。也许有点不直观，在这种情况下，CSS 会选择一个看起来更通用ul的 ( ) 而不是看起来更具体的 ( #page_bonds #videos)。但实际上ul更具体基于特定类型元素的指令应该胜过其包含样式的逻辑div。

请记住：仅仅因为您 id 在 CSS 中引用了 an，并不意味着您实际上是在尽可能具体地声明该语句。

于 2013-02-26T16:23:07.790 回答
1

使用级联样式表，元素的继承顺序不仅仅是包含顺序的简单问题 - 请参阅 -级联顺序和继承中的详细说明。

master.css在您的情况下，您的列表从第 639 行继承值：

ul {
    list-style: disc outside none;
    margin-left: 20px;
}

要么删除此引用，要么使用!important或添加更专业的 css 标记。

于 2013-02-26T16:23:21.193 回答
0

CSS 元素将它们的值传递给子元素。要覆盖它，请使用 !important。

尝试：

list-style: none !important;

在此处了解 !important 。

于 2013-02-26T16:19:33.047 回答
0

在您页面的源代码中，我可以看到您的列表样式被此样式表覆盖（63.246.25.145/styles/master.1361894679.css）

您可以通过更改样式以更准确地指定有问题的列表来克服这个问题

#videos ul li { list-style: none !important; }

或者您可以编辑链接到页面的 CSS 并更改级联规则以允许视频没有列表样式。

[1]：

于 2013-02-26T16:24:19.067 回答