":hover" в строке, а не в файле и не в стилях

textinmail · October 19, 2008

=) всё банально

есть к примеру -

есть классы:

.qqq p {

тут всякие параметры...

}

.qqq p:hover {

тут всякие другие параметры

}

как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно

но встала задача сделать чтото типа такого:

тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом

!!! естественно такой вариант не пашет

Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)

Edited October 19, 2008 by textinmail

rus · October 20, 2008

а зачем???

klierik · October 20, 2008

бывают ситуации когда это надо.

2автор есть решение, только не могу пока что найти.

yopopt · October 20, 2008

По спецификации(http://www.w3.org/TR/2002/WD-css-style-attr-20020515#cascading ) должно быть вот так:

<a href="http://www.w3.org/Style/CSS"
   style="{color: blue; background: white}  /* a+=0 b+=0 c+=0 */
		  :visited {color: green}		   /* a+=0 b+=1 c+=0 */
		  :hover {background: yellow}	   /* a+=0 b+=1 c+=0 */
		  :visited:hover {color: purple}	/* a+=0 b+=2 c+=0 */
		 ">
  Example of a hyperlink to the CSS home page with special one-off
  visited and hover effects.
</a>

Однако не видел чтобы это где-нибудь работало.

Ogalig · October 20, 2008

По событиям наведения/ухода мыши на элемент менять стили?

rus · October 20, 2008

бывают ситуации когда это надо.

Было бы интересно узнать какие?

Просто первый раз вижу и слышу о таком.

Ogalig · October 20, 2008

Когда лень создавать отдельно ксс класс для элемента, я думаю )

rus · October 20, 2008

Когда лень создавать отдельно ксс класс для элемента, я думаю )

Не думаю что это так.

Так как css намного быстрее и легче написать чем такой код который привел yopopt

textinmail · October 20, 2008

для пхп циклов

yopopt, вариант не работает, я его давненько нашел

частично вышел из ситуации вот таким способом - http://www.webmascon.com/topics/coding/26a.asp

так как оказалось инлайн стайл не кушает псевдоклассы типа хувер

пока только так =)

Edited October 20, 2008 by textinmail

hmelii · October 20, 2008

Возможно только так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>

<body>

<a href="#" onmouseover="this.style.color='red'" onmouseout="this.style.color=''">ссылка</a>
</body>
</html>

Посетить мою домашнюю страницу

lexxpavlov · November 12, 2008

бывают ситуации когда это надо.

Тоже столкнулся с сабжем.

У меня сайт на php, <head> и часть страницы подключается отдельным файлом, поэтому менять <style> не получается (точнее, можно, но сложнее). Загромождать внешний .css тоже неохота, когда нужное действие требуется только один раз только для одной страницы.

Решил проблему так:

PHP-скрипт

$script = "\n<style> ... </style>\n"
include('head.php');
........
include('foot.php');

head.php:

<html>
<head>
<title>...</title><?php echo $script; ?>
</head>
<body>
...

Sign In

":hover" в строке, а не в файле и не в стилях

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information