X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как проверить hover качества стиля?
prolisk
prolisk
Topic Starter сообщение 24.11.2014, 22:49; Ответить: prolisk
Сообщение #1


"Простой" код можно проверять прямо в браузере, использую встроенные элементы (исходный код, просмотр кода элемента). Но вот беда - там нельзя посмотреть hover-качества, то есть данные, какие будут применяться при наведении мыши.
Например есть код:
.category-list ul li {
    text-align:center;
    float: left;
    list-style:none;
    line-height:16px;
    width:280px;
    padding:10px 5px 5px 5px;
    margin-bottom:10px;
    margin-right:10px;
    height: 280px;
    background: url("http://ссылка-на-картинку-category.png") no-repeat scroll -6px 19px transparent;
}


И тут же задаем параметр при наведенной мышки (хочу чтобы менялся цвет):
.category-list ul li:hover {
    text-align:center;
    float: left;
    list-style:none;
    line-height:16px;
    width:280px;
    padding:10px 5px 5px 5px;
    margin-bottom:10px;
    margin-right:10px;
    height: 280px;
    background: linear-gradient(to bottom, #4169E1, #6495ED);
    color: #fff;
}


Параметр задается, но не так как мне нужно. Как проверять в браузере, не правив код?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 25.11.2014, 15:16; Ответить: k0ttee
Сообщение #2


В моих FireFox'ах - ховер свойства будут если выбирать в странице, а обычные если выбирать в коде.
Перепроверил только что на кнопке "узнать" в верхнем баннере.

Выбрал в странице - получил в отладчике ховер.
Прикрепленный файл  Безымянный.png ( 215,43 килобайт ) Кол-во скачиваний: 1795


Выбрал сначала в странице, получив ховер. Затем в коде выбрал соседний элмент, чтобы снять фокус. И снова выбрал нужное в коде - получил без ховера.
Прикрепленный файл  Безымянный2.png ( 194,9 килобайт ) Кол-во скачиваний: 1795


Итого - у меня все выбирается в отладчике. Хоть ховер хоть нет.
Если непонятно расписал, могу показать видяхой.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
reds
reds
сообщение 25.11.2014, 19:54; Ответить: reds
Сообщение #3


>>>Параметр задается, но не так как мне нужно. Как проверять в браузере, не правив код?

Параметр не задается, скорее всего, потому что указан другой параметр для " .category-list ul li a" или вообще для "a", если для ссылки указаны какие-то свойства, то они будут важнее, чем свойства для li с классом ссылки. Делай так: .category-list ul li a:hover
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
Topic Starter сообщение 25.11.2014, 23:31; Ответить: prolisk
Сообщение #4


reds, Так и делаю :).
Нашел в Опере и хроме.
Можно полностью смотреть файлы стилей и скриптов. Стили показывает справа, но не все. Переходим в Ресурсы (в Опере) при просмотре кода, внизу выше кода есть мини-вкладки. Там файлы.
В Хроме более удобно.
Прикрепленный файл  231.png ( 348,72 килобайт ) Кол-во скачиваний: 1776

1. Просмотр кода элемента.
2. Ресурсы.
3. Стили.
4. CTRL+F (поиск), вводим hover и находим.

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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19809 Сегодня, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3441 Сегодня, 11:54
автор: Skyworker
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
1 Boymaster 509 Сегодня, 11:45
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 4999 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 2017 20.4.2024, 15:06
автор: Boymaster


 



RSS Текстовая версия Сейчас: 23.4.2024, 18:49
Дизайн