爲什麼子彈仍然以列表形式顯示：無;

我不想爲我的這個網頁上列出的視頻顯示子彈：http://63.246.25.145/surety-bonds/contract-bonds/performance_bond.htm爲什麼子彈仍然以列表形式顯示：無;

但子彈仍竟然流露出修改master.css文件後，確保了我list-style設置爲none。

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

來源

2013-02-26 MichaelW

此外，閱讀此：http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-工作可以我只是粘貼鏈接到它 – 2013-02-26 16:19:35

更改爲#page_bonds #videos UL LI，你會被設置 – mhps 2013-02-26 16:19:37

也許下面是解決方案（由於李：before子句）： http://stackoverflow.com/questions/17151813/list-style-typenone-not-working-get-rid-of-the-bullets – NoWomenNoCry 2016-09-30 12:52:18

CSS元素將其值傳遞給子元素。要覆蓋這個，請使用！important。

嘗試：

list-style: none !important;

瞭解重要here.

來源

2013-02-26 16:19:33 chriz

你<li>元素從這裏繼承：

ul { 
    list-style: disc outside none; 
}

您需要添加

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

來源

2013-02-26 16:20:23 Ghigo

你不需要在這裏添加「重要」屬性。只需爲您的li或ul元素指定#videos id的樣式。 – Ghigo 2013-02-27 08:11:35

它似乎下面做到了！ '#page_bonds ul { \t list-style：none; }' – MichaelW 2013-02-27 14:45:18

當然，如果你風格的父母，風格傳播給孩子。添加#page_bonds #videos ul {list-style：none; } – Ghigo 2013-02-27 15:00:01

您發佈的CSS是指包含感興趣的ul的div標籤，但不包含ul本身。這使得它很容易被其他地方的CSS覆蓋，這些CSS正在爲所有ul標籤定義並給它們list-style-type:disc。

怎麼辦：

您可以給ul要影響自己的id和目標，否則，你可以重新指定你貼指#page_bonds #videos ul的CSS塊。

工作總的原則：

您發佈的代碼通過特定id小號是指特定的元素與，但沒有具體提到要更改的元素。由於在CSS的其他地方有明確的聲明，所有ul元素list-style-type:disc。現在至少有兩條不同的說明適用於您關心的ul。

CSS的工作原則是遵循最具體地涉及感興趣項目的指示。也許有點不直觀，在這種情況下，CSS會選擇一個看起來更一般的（ul），而不是看起來更具體的那個（#page_bonds #videos）。但實際上，ul更具體的基於這樣的邏輯：特定類型元素的指令應該勝過其包含div的樣式。

記住：僅僅因爲你是指在CSS的id，並不意味着你實際上做的聲明儘可能具體。

來源

2013-02-26 16:23:07 ASGM

我在2795行添加了以下內容，但沒有運氣[code] \t #page_bonds #videos ul {/ *爲視頻添加/隱藏*/ \t \t list-style：none！important; \t} [/ code] – MichaelW 2013-02-26 16:42:59

而不是指定列表樣式，嘗試'list-style-type：none'。那樣有用嗎？ – ASGM 2013-02-26 16:47:34

使用級聯樣式表時，元素的繼承順序不僅僅是包含順序的簡單事情 - 請參閱 - Cascading order and Inheritance的詳細說明。

在你的情況你的列表是從master.css線639繼承值：

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

要麼刪除此引用，或使用!important或添加更專業的CSS標籤。

來源

2013-02-26 16:23:21 Kami

我添加了！對我的css文件的第2795行更專用的css標籤很重要，但沒有運氣 – MichaelW 2013-02-26 18:40:26

在源爲您的網頁，我可以看到你的列表樣式是由這個樣式表（63.246.25.145/styles/master.1361894679.css）覆蓋

你可以通過改變你的風格來克服這個更準確地通過

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

指定有問題的列表，也可以編輯鏈接到頁面的CSS和更改級聯規則，讓影片有沒有列表樣式。

[1]：

來源

2013-02-26 16:24:19

好問題;甚至在列表樣式中，子彈顯示的方式也很奇怪：無;

這是除去子彈的代碼：

/* 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-03 16:50:30 Catto

爲什麼子彈仍然以列表形式顯示：無;

回答

相關問題