Селектор :has() в CSS позволяет применить стили к определенному элементу, если он содержит определенный селектор внутри себя.
a:has(img) {
display: flex;
width: 100%;
}Например в примере выше мы применяем стили для ссылки, если она содержит картинку. Селектор был создан давно, но всегда не поддерживался Firefox, поэтому использовать его было нельзя. Но недавно случилось чудо и firefox начал его поддерживать, поэтому смело используйте в своих проектах.
В caniuse процент поддержки браузерами 92%.
📌 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.
WEB PANDA | #верстка #новости #cssхак