I am working on a blog site built with Middleman. The default list-style-type for lists is in _lists.scss and works correctly where each li element has a disc. However, I want to override this for the h3 element in the li.
Here is an example of my list html:
<div id="main" role="main">
<ul>
<li>
<h3>heading</h3>
</li>
</ul>
Here is the css I have been working with:
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;
}
But nothing changes on the screen.
Anything I am missing? Any help is appreciated.