Question

I have a div like this shown below, and I am trying to set properties like italic, font-style, font-size to them which don’t work properly.

---

<div id="cstopics" class="mytabclass">
    <p class="tabpanelfont">Data mining and data warehousing</p>
    <ul>
       <li>Data mining techniques</li>
       <li>Knowledge discovery</li>
       <li>Association rule mining</li>
       <li>Data warehousing architectures</li>
       <li>Multidimensional modelling and queries</li>
    </ul>
    <!--Few more ul elements -->
</div>

---

.mytabclass p{
    font-size: 16px;!important 

}

.mytabclass li {
    font-size: 12px;
    font-style: italic;
}

---

But nothing seems to work, can someone explain why ??

Answer 1

this should work –

.mytabclass p{
    font-size: 16px; /*You used !important after semicolon which is not the correct use of it and in this situation its not necessary*/
}

.mytabclass ul li {
    font-size: 12px;
    font-style: italic;
}

To replace bullet with dash do the following:

.mytabclass ul{
        list-style-type: none;
    }
.mytabclass ul li{
        font-size: 12px;
        font-style: italic;        
        background: url(pathToDashImage.jpg) no-repeat left top;
        padding: 0 0 0 20px;
    }