Zależności pomiędzy divami

Question

Mam pytanie jak stworzyć coś takiego: jeżeli coś się dzieje z jednym divem np najeżdżam na niego, to coś innego dzieje się z drugim? Lub nawet nie z divem tylko jakimkolwiek elementem.

Answer 1

div-pierwszy:hover div-drugi{
     // właściwości
}

 

Comments

Ale jak mam na przykład taki kod

.l1::after{
	display: none;
	content: 'blabla car';
	width: 30 0px;
	height: 80px;
	padding: 10px;
	background-color: #4D4D4C;
	position: relative;
	top: -105px;
	left: 0;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.9;
}

.l1 img:hover .l1::after{
	display: block;
}

To to wtedy nie działa

---

powinno być tak:

.l1::after{
    display: none;
    content: 'blabla car';
    width: 30 0px;
    height: 80px;
    padding: 10px;
    background-color: #4D4D4C;
    position: relative;
    top: -105px;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.9;
}
 
.l1:hover::after{
    display: block;
}

Tylko w ten sposób tak zrobisz. Jeżeli chcesz zmienić pseudolement po najechaniu na img, musisz przypisać go do img, czyli

.l1 img::after {...}