Разъясните, пожалуйста, код

@Euroman · Регистрация: 11.12.2012

Студворк — интернет-сервис помощи студентам

Вот код HTML

HTML5
1
2
3
4
5
6
7
8
9
10
<ul id="footer-logos">
<li><a href="#"><img src="img/logo-sb.png" alt="SimpleBits
logo" /></a>
</li>
<li><a href="#"><img src="img/icon-feed.png" alt="RSS feed" /
></a>
</li>
<li><a href="#"><img src="img/icon-bitman.png" alt="BitMan" /
></a>
</li>

CSS

CSS
1
2
3
4
#footer-logos a: hover img,
#footer-logos a: focus img {
opacity: 0.6;
}

Конкретно меня интересует здесь выражение

CSS
1
a: hover img

. Это означает, что 2 класса сразу наследуются (я так понял, что наследуемые классы указываются без запятых)?

Добавлено через 5 минут
Просто, если вот так, допустим прописать

CSS
1
#footer-logos img:hover, #footer-logos img:focus{opacity:0.6;}

или поменять местами hover и focus

CSS
1
#footer-logos img:focus, #footer-logos img:hover{opacity:0.6;}

То в обоих случаях только hover срабатывает. Мне не понятно, в чем ошибка.

KOPOJI · 31.03.2013, 16:51

Сообщение от Euroman

и отношения к hover не имеет

не совсем так. эти стили сработают для картинки только тогда, когда сработает событие hover над родительской ссылкой

@Euroman · 31.03.2013, 18:51 **[ТС]**

Сообщение от KOPOJI

не совсем так. эти стили сработают для картинки только тогда, когда сработает событие hover над родительской ссылкой

Ну это-то понятно, что они взаимосвязаны. Я другое имел ввиду.

Новые блоги и статьи Все статьи Все блоги /
[golang] Breadth-First Search alhaos 19.05.2026 BFS (Breadth-First Search) — это базовый алгоритм обхода графа в ширину, который поуровнево исследует все связанные вершины. Он начинает с выбранной точки и проверяет всех соседей, прежде чем. . .	[golang] Алгоритм «Хак Госпера» alhaos 17.05.2026 Алгоритм «Хак Госпера» Хак Госпера (Gosper's Hack) — алгоритм нахождения следующего по величине числа с тем же количеством установленных бит. Придуман Биллом Госпером в 1970-х, опубликован в. . .	Рисование бинарного древа до 6-го колена на js, svg. russiannick 17.05.2026 <svg width="335" height="240" viewBox="0 0 335 240" fill="#e5e1bb"> <style> <!]> </ style> <g id="bush"> </ g> </ svg> function fn(){ let rost;/ / высота древа let xx=165,yy=210,w=256;	FSharp: interface of module DevAlt 16.05.2026 Интерфейс модуля F# позволяет управлять доступностью членов, содержащихся в реализации модуля. По-умолчанию все члены модуля доступны: module Foo let x = 10 let boo () = printfn "boo" . . .
Хитросплетение родственных связей пантеона греческих богов. russiannick 14.05.2026 Однооконник, позволяющий узреть и изучить отдельных героев древней Греции. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible". . .	[golang] Угол между стрелками часов alhaos 12.05.2026 По заданным значениям часа и минуты необходимо определить значение меньшего угла между стрелками аналогового циферблата часов. import "math" func angleClock(hour int, minutes int) float64 { . . .	Debian 13: Установка Lazarus QT5 ВитГо 09.05.2026 Эта инструкция моя компиляция инструкций volvo https:/ / www. cyberforum. ru/ blogs/ 203668/ 10753. html и его же старой инструкции по установке Lazarus с gtk2. . .	Нейросеть на алгоритме "эстафета хвоста" как перспектива. Hrethgir 06.05.2026 На десерт, когда запущу сервер. Статья тут https:/ / habr. com/ ru/ articles/ 1030914/ . Автор я сам, нейросеть только помогает в вопросах которые мне не известны - не знаю людей которые знали-бы. . .

Опции темы