Як вибрати a:hover,


Как выбрать a:hover,
В наступних кількох абзацах я хочу докладніше розглянути селектор узагальнених споріднених елементів (або ~) і сферу його можливого застосування. На написання цієї статті мене наштовхнула мала поширеність інформації про нього. Основне завдання селектора узагальнених споріднених елементів — вибір елемента (-ів), що йде після заданого елемента, що має з ним спільного батька.
Також хочемо вам порекомендувати http://ua-games.com.ua/
В результаті в червоний колір забарвляться заголовки h2, тобто у них спільний батьківський елемент із заголовком h1, і в коді вони стоять після нього.
Якщо ж елемент буде стояти вище вихідного, то він не буде обраний.
Слід запам’ятати, що вибираються тільки елементи, які мають спільного батька з вихідним, а не ті, які лише мають спільного предка. Це добре ілюструє приклад другий.
В результаті нічого не виділиться червоним, т.
На мій погляд, всю свою корисність селектор «A~ B» проявляє в зв’язці з подіями елементів, такими як :hover, :focus і ін Якщо раніше можна було змінювати стиль елемента тільки при наведенні покажчика миші на нього самого, то використання селектора узагальнених споріднених елементів дозволяє поміняти стиль елемента, відмінного від того, на якому відбулася подія.
В результаті, блоки стануть зеленого кольору, при наведенні на напис.
Тепер підемо далі і присвоїмо різні класи елементів.
Дуже цікавого ефекту можна досягти в сукупності з новими можливостями CSS3. Наприклад, в наступному прикладі використовується властивість transition.
Як бачите, у селектора узагальнених споріднених елементів є достатня кількість цікавих способів застосування. Останнім часом CSS просунувся далеко і дозволяє реалізувати те, що раніше можна було тільки з використанням JavaScript. Але все — таки, на мій погляд, якщо провести аналогії, CSS — це механічна складова (якщо завгодно — «залізо»), яка не призначена для побудови логіки. JavaScript, наприклад, може виступати у ролі «програмного забезпечення». Отже, в цій статті я спробував розкрити тему селектора узагальнених споріднених елементів. Вийшло чи ні, судити вам.
Гаджет — порятунок для тих, хто втрачає речі.