целевые элементы с несколькими классами, использующими селекторы CSS

при работе с HTML и CSS, вы можете столкнуться с ситуациями, где вам нужно выбрать элементы на основе элементов. о значениях конкретных классов. Одно общее требование - выбрать элементы с несколькими классами, назначенными им. class = "foo"> hello foo

Как вы можете написать CSS, чтобы выбрать только второй элемент (с классами "Foo Bar") с использованием селекторов CSS? ]

answer:

Hello Foo
Hello World
Hello Bar

. Foo.bar { / * Стили для элементов (ы) с классами Foo и Bar */ }

] Этот селектор будет применять стили ко второму div, так как это единственный элемент, в котором есть и классы «foo», так и «bar». :

старые браузеры, такие как Internet Explorer 6, не могут правильно интерпретировать селекторы класса с цепью. IE6 будет читать только последний селектор класса и игнорировать остальных. Чтобы обеспечить совместимость с IE6, вам следует избегать использования селекторов класса с цепью и вместо этого использовать более конкретные селекторы, такие как:

div.foo.bar { / * Стили для элементов (ы) с классами Foo и Bar */ }

]