[CSS]
.color1{
display:inline-block;
width:12px;
height:12px;
background-color:red;
position:relative;
top:-6px;
visibility:hidden;
}
.color2{
display:inline-block;
width:12px;
height:12px;
background-color:green;
position:relative;
top:-6px;
visibility:hidden;
}
.color3{
display:inline-block;
width:12px;
height:12px;
background-color:blue;
position:relative;
top:-6px;
visibility:hidden;
}
.hover{
cursor:pointer;
}
.hover:hover +.color1{
visibility:visible;
}
.hover:hover +.color2{
visibility:visible;
}
.hover:hover +.color3{
visibility:visible;
}
[/CSS]

Как можно короче записать

Читай про css селекторы, ссылку я уже давал
[JS]
.color1{
background-color:red;
}
.color2{
background-color:green;
}
.color3{
background-color:blue;
}
.color1, .color2, .color3{
display:inline-block;
width:12px;
height:12px;
position:relative;
top:-6px;
visibility:hidden;
}
.hover{
cursor:pointer;
}
.hover:hover +span{
visibility:visible;
}
[/JS]

[CSS].there{
background-color:green;
color:#fff;
opacity:.2;

}


div:first-letter {
font-size:24px;
color:#000;
opacity:1;
}
[/CSS]


Почему опасити не становиться 1

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.