Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   CSS - hover - можно ли применить индивидуально к элементу? (https://javascript.ru/forum/xhtml-html-css/30772-css-hover-mozhno-li-primenit-individualno-k-ehlementu.html)

Почемучкин 15.08.2012 14:34

CSS - hover - можно ли применить индивидуально к элементу?
 
Можно написать в таблице стилей
tag:hover {стили}
чтобы при наводке курсора стиль менялся


А можно ли это сделать индивидуально для какого-то элемента DOM?
Например, нужно в свойстве style задать такую функциональность.

<DIV style="........">test</DIV>

Как это сделать?

Aetae 15.08.2012 14:47

Нельзя.

ksa 15.08.2012 14:55

Почемучкин, ты путаешь понятие селектора с набором "свойство=значение;"...

ksa 15.08.2012 14:58

Цитата:

Сообщение от Почемучкин
Как это сделать?

Как вариант...

<style>
.on {
   color: red;
}
.off {
   color: #000000;
}
</style>
<div class='off' onmouseover='this.className="on"' onmouseout='this.className="off"'>test</div>

Aetae 15.08.2012 15:07

Тогда уж лучше дописать css и не парить моск.

ksa 15.08.2012 15:08

Цитата:

Сообщение от Aetae
Тогда уж лучше дописать css и не парить моск.

Ага. :D

Deff 15.08.2012 15:10

Если Вы можете прописать в элементе style=" , значит вы можете ему проставить класс или id, которое описать в таблице стилей

<style type="text/css">
 div.hover1:hover {
  cursor:pointer;
  background-color:#2B6D9F;
  color:#fff;
}
</style>

<DIV class="hover1" style=" padding:12px;border:1px solid red;height:120px;width:130px">test</DIV>


Часовой пояс GMT +3, время: 09:01.