Jump to content
  • 0

псевдоэлемент :hover


webded
 Share

Question

8 answers to this question

Recommended Posts

  • 0

За псевдоэлемент прошу прощения, конечно псевдокласс. Про способ тоже извините если коряво, сейчас обьясню подробнее. 

Стили можно подключить к тегу встроенным способом, например 

<p style="dorder:2px solid #f26522"></p>

Можно ли как то так же к тегу p, к заданным стилям, добавить псевдокласс :hover?

Edited by webded
Link to comment
Share on other sites

  • 0
Ваш вопрос

 

 

Если честно, то не совсем понял.  Как применяется псевдокласс я знаю, а вот можно ли его засунуть в тег. Там вообще-то что-то есть в комментах с применением функций php, но я в этом ещё не волоку

Link to comment
Share on other sites

  • 0

К сожалению, псевдоклассы через атрибут style задать невозможно. Можно задать тегу уникальный id и дописать после этого тега отдельный <style> с #myuniqueid:hover {…} — будет невалидно, но в большинстве браузеров сработает, в экстренных случаях при срочной доработке древних чужих проектов я сам так делал. Еще лучше, на мой взгляд, добавить новый стиль скриптом, напр. через document.styleSheets. Но вообще постановка вопроса наводит на мысль о неверно поставленной задаче…

Link to comment
Share on other sites

  • 0

Вот спасибо! Главное на данный момент я понял. И информацию к размышлению получил. Насчёт задачи эт вы верно заметили. - метод тыка.

А вот ещё вопрос. В "Типичных ошибках начинающих верстальщиков" на этом форуме, говориться: Не описывай стили внутри атрибута style="". Все стили, за некоторыми редкими исключениями, которые касаются элементы должны быть описаны в CSS файле.  А почему? Можно разжевать для особо тугодумающих?

Link to comment
Share on other sites

  • 0

Потому что их сложнее поддерживать (если нужно изменить стиль у нескольких однотипных элементов, то изменения придется вносить в нескольких местах, можно что-то упустить), а также потому что встроенные стили обладают более высокой специфичностью, и их труднее переопределить из подключенного файла.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy