• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div Style ändern

Nightloewe

Neues Mitglied
Hallo Leute,
Meine Frage ist eigentlich ziemlich simpel.
Also ich habe eine a link mit der class "link" und ein div mit der id "title", jetzt möchte ich das wenn ich auf den link, dass sich was an dem style von title ändere, wie mache ich dass.

Beispiel:
Code:
<html>
<head>
<style>
#title {
background-Color: red;
.link:active Soll dann #title bearbeiten {
background-Color: blue;
}
</style>
</head>
<body>
<a class="link">test</a>
<div id="title">Title</div>
</body>
</html>
 
Versuchs mal mit JavaScript bzw. jQuery. So wie ich das sehe, brauchst du aber noch einige Stunden Zeit um dich intensiv mit HTML und CSS zu beschäftigen.
 
Geht das nicht auch mit CSS, man kann doch mit > das element unter dem element bearbeiten, kann man nicht auch irgendwie, dass darüber bearbeiten?
 
Code:
<!doctype html>
<html>
<head>
<title>Beispielseite</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
div {
background: red;
}
#title:target ~ div{
background: blue;
}
#title {
display:none; /* Damit die Seite nicht springt*/
}
</style>
</head>
<body>
<a href="#title">test</a>
<br id="title">
<div>Title</div>
</body>
</html>
Ist keine gute Wahl, aber wenn es unbedingt css sein soll
 
Zurück
Oben