[Solved] CSS style of Unordered list

by


So I don’t really understand what your problem is or if I relly provide the right answer but I have this:

Example

ul {
    padding: 0px;
    font-size: 1px;
}

ul:nth-child(odd) li{
    background: black;
    color: blue;
}

ul:nth-child(odd) li:hover{
    background: white;
}

ul:nth-child(odd) li:nth-child(3n){
    font-weight: bold;
    color: white;
    background: #999;
}

ul:nth-child(odd) li:hover:nth-child(3n){
    background: darkblue;
}

li:nth-child(3n){
    font-weight: bold;
    color: white;
    background: #333;
}

li:hover:nth-child(3n){
    background: darkgreen;
}

li:hover {
    background: lightblue;
}

li{
    display: inline-table;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
}

ul li {
    color: green;
    font-size: 14px;
    display: inline-block;
    width: auto;
}
<ul>
    <li>ul 1 ListItem 1</li>
    <li>ul 1 ListItem 2</li>
    <li>ul 1 ListItem 3</li>
    <li>ul 1 ListItem 4</li>
    <li>ul 1 ListItem 5</li>
</ul>
<ul>
    <li>ul 2 ListItem 1</li>
    <li>ul 2 ListItem 2</li>
    <li>ul 2 ListItem 3</li>
    <li>ul 2 ListItem 4</li>
    <li>ul 2 ListItem 5</li>
</ul>
<ul>
    <li>ul 3 ListItem 1</li>
    <li>ul 3 ListItem 2</li>
    <li>ul 3 ListItem 3</li>
    <li>ul 3 ListItem 4</li>
    <li>ul 3 ListItem 5</li>
</ul>
<ul>
    <li>ul 4 ListItem 1</li>
    <li>ul 4 ListItem 2</li>
    <li>ul 4 ListItem 3</li>
    <li>ul 4 ListItem 4</li>
    <li>ul 4 ListItem 5</li>
</ul>

solved CSS style of Unordered list