хмм не съм сигурен за джава но ето как изглежда кода май : например искаме да имаме 2 еднакви дива но искаме единия да е с разли4ен бакгроунд и да се измести леко, ето така изглежда кода "примерно"
#div_edno{
width:350px;
height:350;
background:#ff00cc;
border:1px solid red;
}
#div_dve main#div_edno{
background:#cc00cc;
margin-left:20%;
}
// поне по моите разбирания е така 
и така то си копва от горе всичко което му трябва . Също така си имаш и някаква библиотека от цсс кодирана " аз я изтеглих " пълна с сякви функции там кадето и бог не ги знае какви са :Д.
Не мисля, че е правилен примера ти тъй като ID се слага на уникални елементи и не може да се преизползват (не е правилно) излишното е
#div_dve main#div_ednoПо-правилно примера би изглеждал така:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.kare{
width: 320px;
height: 240px;
}
.left {
float: left;
}
.right {
float: right;
}
.center{
margin: 0 auto;
}
.red{
background-color: red;
}
.green{
background-color: green;
}
.green p{
color: #FFF;
font-size: 24px;
margin: 0;
}
.blue{
background-color: blue;
}
</style>
</head>
<body>
<div class="kare blue right">
<p>това каре ще е със син фон в дясно</p>
</div>
<div class="kare red left">
<p>това каре ще е с червен фон и флотнато в ляво</p>
</div>
<div class="kare green center">
<p>това каре ще е със зелен фон в средата</p>
</div>
</body>
</html>
Както се вижда има 3 карета с еднакви размери но с различни позиции и цветове а само на едно от тях текста е в бяло, въпреки че при всички е в параграф. Истинкската полза се усеща в по-големи проекти с внимателно и правилно структуриран CSS.
Това "Lego CSS" не знам какво е но ако е както казва Гошо "js библиотека" ще е доста по-тежко.
