float: lef;, display;grid; oder display:flex;?

Hallo @ all!

Bin momentan so richtig am verzweifeln und hoffe das mir jemand helfen kann. Und ja ich lerne noch.

Ich versuche mal zu umschreiben, was ich vorhabe. Ich habe einen Div Container von 1100px x 1100px. In diesen Div Container sollen nun insgesamt 7 kleine Div Container rein. Div1 soll horizontal 1000px und vertikal 300px sein mit einem Außenabstand von 50px. Darunter sollen nun 6 Div boxen mit 300px x 300px. diese sollen ebenfalls einen Außenabstand von 50px haben Diese 6 Div boxen sollen ebenfalls einen Hover effect bekommen. ich habe nun mehrere Varianten probiert, aber irgendwo hackt es immer. Da ich mich an den Varianten versucht habe, die im Titel stehen, weiß ich nicht, was ihr so bevorzugt und welchen Code ich rein stellen soll.

Zitat von m.scatello

Ungefähr so: https://www.w3schools.com/code…asp?filename=GQTPOZTNFNBH

Tolle Grundlage, hab nur noch allem items eine Höhe von 300px zugewiesen und eine Außenabstand von 50px.

Du hast allen im Container befindlichen items ein Hover verpasst. Item1 soll nicht gehovert werden, sondern nur item2- item6. Hm, wie bekomm ich jetzt das Hover bei Item1 wieder raus? Schon mal ein ganz liebes Dankeschön an dich, m.scatello.

Zitat von m.scatello

Um bei dem Beispiel zu Bleiben:

Code

.grid-container > div:hover:nth-child(1n+2) {
  color: #000000;
  background-color: #ffff00;
}

Dankeschön, m.scatello.