覆蓋h3元素的CSS列表樣式類型

我正在使用Middleman構建的博客網站上工作。列表的默認列表樣式類型在_lists.scss中，並且在每個li元素都有光盤的情況下正常工作。不過，我想重寫這個爲li中的h3元素。覆蓋h3元素的CSS列表樣式類型

這裏是我的名單HTML的例子：

<div id="main" role="main"> 
<ul> 
    <li> 
     <h3>heading</h3> 
    </li> 
</ul>

這是我一直在使用的CSS：

ul, ol { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 

    &%default-ul { 
    list-style-type: disc; 
    margin-bottom: $base-line-height/2; 
    padding-left: $base-line-height; 
    } 

    &%default-ol { 
    list-style-type: decimal; 
    margin-bottom: $base-line-height/2; 
    padding-left: $base-line-height; 
    } 
} 

#main > ul > li > h3 { 
    list-style-type: none; 
}

，但屏幕上沒有什麼變化。

我失蹤了嗎？任何幫助表示讚賞。

來源

2017-09-24 analyticsPierce

這是不可能的CSS，因爲它沒有選擇器（還）確定的內容元件。 –

本質上是https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector/1014958#1014958的副本 –

-1

給出的list-style-type到任何UL李不給李童嘗試這樣

#main > ul > li{ 
    list-style-type: none; 
}

來源

2017-09-24 06:19:29 Anand

覆蓋h3元素的CSS列表樣式類型

回答

相關問題