Почему не работает :before:hover
Нужно чтобы когда я наводил мышь на :before (зелёный блок), он менял цвет на синий. А если я наведу мышь на красный блок - ничего не должно произойти. P.s. конечно, внутрь #block можно поместить ещё один див типа id="before", но мне нужен именно ":before".
#block {
width: 250px;
height: 250px;
background: #f00;
}
#block:before {
content: "hello";
cursor: pointer;
display: block;
padding: 10px;
transform: translateX(100%);
color: #fff;
background: #0f0;
}
/* не работает */
#block:before:hover {background: #00f}<div id="block"></div>