2014-02-12 6 views
1

Как изменить: после части, когда: перед тем, как часть находится на паре?Изменение: после цвета фона, когда: до наведения

изображение объяснения здесь: http://www.reshop.co.il/fisha/tab.jpg

нужно изменить маленький треугольник, когда большой квадрат парения это две части разделены площадь была: до и треугольник имеет: После

Я был глупая ошибка благодарит за помощь

ответ

3

Какая бы ни была часть :before (вы не указали нам какой-либо код, и это изображение ничего не делает для объяснения вашей разметки), вы не можете нацелить только этот псевдоэлемент f или целей :hover. :hover и другие псевдоклассы могут применяться только к целым элементам, а не к их псевдоэлементам.

Вам повезет больше перепрофилирования на :before и :after псевдо-элементах, как фактические элементы, которые являются потомками вашего родительского элемента, а затем с помощью :hover и селектора родственного, чтобы нацелить их соответствующим образом, like so:

<div class="parent"> 
    <span class="before">:before</span> 
    Content 
    <span class="after">:after</span> 
</div> 
.parent > .before:hover ~ .after { 
    color: red; 
} 
+0

@Mr. Чужой: Это показывает что-то другое ... это ближе к ответу Олли Ходжсона, чем моему. – BoltClock

+0

Вы должны были включить это, хотя :) –

+0

@Mr. Alien: Мне было очень лениво создавать совершенно новые скрипки в эти дни ... Я должен прекратить это :) Будет обновлен мой ответ в нескольких. – BoltClock

1

трудно точно сказать, что вы хотите, не видя кода, но это должно вам ближе:

div:hover { 
    // These styles affect the div when hovered. 
} 
div:hover:before { 
    // These affect the div's :before when the div is hovered 
} 
div:hover:after { 
    // These affect the div's :after when the div is hovered 
} 
+1

Если я правильно читаю, он только хочет, чтобы изменения ': after' применялись, когда': before' зависает, а не весь элемент. Это будет невозможно. – BoltClock

+0

спасибо за помощь, но у меня есть две разделенные части, одна перед div: – Yonatan

Смежные вопросы