Jump to content
  • 0

Не вижу класса .pressed, но его стиль действует


borus
 Share

Question

Здравствуйте.

Думаю уже на знакомом вам сайте есть стиль

ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{
background-color:#070f57;border-style:solid;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;}

Так вот, если ul#css3menu2 ul li a.pressed исправить на ul#css3menu2 ul li a, то появляются изменения в поведении браузера при наведении на подпункты меню(взять например можно пункт "О нас"). Поискал по справочнику CSS, про pressed ничего не нашел, просмотрел код страницы тоже не нашел класса pressed.

Почему же действует свойство селектора ul#css3menu2 ul li a.pressed?

Edited by borus
Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

http://c-info.ru/templates/ci/css/mystyles.css (строка 145)


ul#css3menu2 li:hover > a, ul#css3menu2 li a.pressed {
background-color: #FFFFFF;
border-style: none;
color: #F99C09;
text-decoration: none;
}

вопрос как раз про то, почему влияет селектор ul#css3menu2 li a.pressed. Ведь класса pressed в коде html нет.

Edited by borus
Link to comment
Share on other sites

  • 0
ul#css3menu2 li:hover > a, ul#css3menu2 li a.pressed

тут перечисление, два селектора )) возможно действует первый нет? ))

нет, речь о втором. если затереть .pressed, то при наведении на дочерний пункт меню появляются спецэффекты :)

Link to comment
Share on other sites

  • 0

borus, никак этот селектор не влияет

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

и в инструментах разработчика данный селектор серого цвета, что подтверждает вышесказанное

Link to comment
Share on other sites

  • 0

borus, никак этот селектор не влияет

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

и в инструментах разработчика данный селектор серого цвета, что подтверждает вышесказанное

не знаю как у вас, а у меня вот такой результат

pressed на месте:

h_1353053682_4013030_3ea31a0082.jpeg

pressed стёрто:

h_1353053744_7888737_d557cf55d3.jpeg

Link to comment
Share on other sites

  • 0

borus, ну все верно.. нет .pressed - нет свойств для него, в том числе border-radius, который появляется, если стили применяются к <а> без класса

можно вообще весь этот селектор удалить и ничего не изменится.

Edited by strange_atom
  • Like 1
Link to comment
Share on other sites

  • 0

borus, ну все верно.. нет .pressed - нет свойств для него, в том числе border-radius, который появляется, если стили применяются к <а> без класса

можно вообще весь этот селектор удалить и ничего не изменится.

теперь понял, самому забавно. благодарю

Edited by borus
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