Пример: HTML
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta charset=”utf-8″ />
<title>Булет</title>
<style>
ul li.krastavica {
color: #00ff21;
}
ul li.morkov {
color: #ffd800;
}
ul li.cheresha {
color: #ff0000;
}
ul li.praskova {
color: #ff6a00;
}
ul li span {
color: #ff0000;
}
</style>
</head>
<body>
<ul>
<li class =”krastavica”><span>Краставица</span></liclass>
<li class=”morkov”><span>Морков</span></li>
<li class=”cheresha”><span>Череша</span></li>
<li class=”praskova”><span>Праскова</span></li>
</ul>
</body>
</html>
Просто съдържанието в <li> е обградено от <span> като даваме различни стойности за цветове на <li> & <span>
Какво ще се получи оставям на вас да проверите !