In my
main.css
expList
#listContainer{
margin-top:15px;
}
#expList ul, li {
list-style: none;
margin:0;
padding:0;
cursor: pointer;
}
#expList p {
margin:0;
display:block;
}
#expList p:hover {
background-color:#121212;
}
#expList li {
line-height:140%;
text-indent:0px;
background-position: 1px 8px;
padding-left: 20px;
background-repeat: no-repeat;
}
#expList .collapsed {
background-image: url(../images/collapsed.png);
}
#expList .expanded {
background-image: url(../images/expanded.png);
}
.png
<div id="listContainer">
<ul id="expList">
<li>First item
<ul>
<li>Item hidden in the collapsed list
etc.
#expList ul, li
list-style: none
Although I thought #expList ul, li would only affect list items with this custom ID,
Considering
#expList ul, li
note you have a ,
followed by li
, this means that all li
tags irrespective of which id or class (in this case) will be not styled in your codes..So the behaviour is as expected
try
#expList li{
list-style-type:none
}
The above will only apply no style type to list tags found in the ul
tag with id #expList