html ul style css for bullet

Question

I've following the code.
But there is no style for ul in the class "listStyle".

 .listStyle { color: red; } .listStyle p { color: black; } ul li{list-style-type:none;} .liststyle ul, .liststyle li{list-style-type:circle;list-style:circle;display:inline;} 

 <ul class="listStyle"> <li> <p><strong>View :</strong> blah blah.</p> </li> <li> <p><strong>View :</strong> blah blah.</p> </li> </ul> 

I want to set the circle style for ul that has class "listStyle".
And the rest has to be have none style.
What do I have to fix?
Thanks

Answer 1

If you write list-style-type: none you are rejecting the bullet. Remove it and it works.

EDIT

You can reset the list style type for the classname. see edited snippet. And not that CSS is case sensitive. liststyle !== listStyle

 .listStyle { color: red; } .listStyle p { color: black; } ul li{list-style-type:none;} .listStyle, .listStyle li { list-style-type: circle; } 

 <ul class="listStyle"> <li> <p><strong>View :</strong> blah blah.</p> </li> <li> <p><strong>View :</strong> blah blah.</p> </li> </ul> 

Answer 2

There where two little mistakes in your code:

1. upper and lower case must be same in HTML and CSS
2. if your <ul> has a class like <ul class="list-style"> then the CSS is ul.list-style

 .listStyle { color: red; } .listStyle p { color: black; } ul li { list-style-type:none; } ul.listStyle li { list-style-type: disc; } 

 <ul class="listStyle"> <li> <p><strong>View :</strong> blah blah.</p> </li> <li> <p><strong>View :</strong> blah blah.</p> </li> </ul> <ul> <li>list with no bullets</li> <li>list with no bullets</li> <li>list with no bullets</li> <li>list with no bullets</li> </ul> 

Answer 3

 .listStyle { color: red; } .listStyle p { color: black; } .nostyle{list-style:none;} .liststyle ul, .liststyle li{list-style-type:circle;} 

 <ul class="listStyle"> <li> <p><strong>View :</strong> blah blah.</p> </li> <li class="nostyle"> <p><strong>View :</strong> blah blah.</p> </li> </ul> 

itz working ... if you not want list style mean list-style: none