Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Css rotating-boxes, Ansprechen einzelne Elemente

Frage Entwicklung CSS

Mitglied: DDiZee

DDiZee (Level 1) - Jetzt verbinden

06.12.2017 um 21:19 Uhr, 153 Aufrufe, 2 Kommentare

Hallo alle zusammen,

ich habe eine Frage und zwar:

ich habe 6 drehenden Boxen (s. Beispiel-Link)

Hier könnt ihr diese Boxen angucken:
https://demo.rocksolidthemes.com/contao/tao/feature-boxes

Ich möchte alle diese Boxen einzeln ansprechen, um unterschiedliche Hintergrundfarben zu vergeben.

z.B. ich möchte Box Nummer 2 ansprechen. Mein Vorgehen:

01.
.rotating-boxes-item .rotating-boxes-item-cover span:nth-of-type(2) {background-color: red;}
Damit werden aber alle Boxen rot. Was mache ich falsch?

Danke für eure Hilfe
Mitglied: Arano
LÖSUNG 07.12.2017 um 09:44 Uhr
Moin moin !

Innerhalb von .rotating-boxes-item-cover gibt es doch nichts, wie willst du da auf ein Kindelement zugreifen !?
01.
<span class="rotating-boxes-item-cover" data-icon="&#xe0f9;" data-headline="Dokumentation"></span>
Die Verschachtelung sieht für mich folgendermaßen aus:
01.
selection.rotatin-boxes 
02.
    a.rotating-boxes-item 
03.
        span.rotating-boxes-item-cover 
04.
        div.rotating-boxes-item-content
Die zweite Box wäre also
01.
.rotating-boxes a.rotating-boxes-item:nth-of-type(2) .rotating-boxes-item-cover { /* style fürs Cover */} 
02.
.rotating-boxes a.rotating-boxes-item:nth-of-type(2) .rotating-boxes-item-content { /* style fürs Inhalt */}
Oder ähnlich, ich müsste jetzt selber Probieren.

Vielleicht ist es einfacher den Boxe (a-Tags) eine Id mitzugeben: box,1 box2, box3, ...
Dann wäre der Zugriff über das CSS einfacher und verständlicher


~Arano
Bitte warten ..
Mitglied: 134464
LÖSUNG 07.12.2017, aktualisiert um 12:45 Uhr
Folgendes funktioniert hier, getestet.
01.
a.rotating-boxes-item:nth-child(2) .rotating-boxes-item-cover, a.rotating-boxes-item:nth-child(2) .rotating-boxes-item-content{ 
02.
  background-color: red !important; 
03.
}
Bitte warten ..
Ähnliche Inhalte
Webentwicklung
CSS Menü Child-Element verändert Größe von Eltern-Element
Frage von CenionWebentwicklung

Hallo zusammen, ich kämpfe jetzt seit einigen Stunden mit dem CSS unseres Menüs. Dieses ist mit den Jahren gewachsen, ...

CSS
CSS-Styledefinitionen für bestimmte BUCHSTABEN innerhalb eines Elements
Frage von CodehunterCSS3 Kommentare

Guten Morgen! Ist es möglich, einen CSS-Style zu definieren, der nur für bestimmte Zeichen innerhalb eines Elements gilt? Zum ...

Hosting & Housing
Einzelne Webseite offline verfügbar machen inkl. css umschreiben
Frage von StefanKittelHosting & Housing11 Kommentare

Hallo, ich habe hier eine einzelne URL die ich offline aufrufen möchte. Keine Fiesigkeiten, nur straigth HTML, CSS und ...

HTML
Seitenwechsel innerhalb einer div-Box in HTML+CSS
gelöst Frage von honeybeeHTML7 Kommentare

Hallo, ich habe mit dem HTML-Tag <div> und CSS folgendes Webseitenschema erstellt: siehe Screenshot unten. Meine Frage: Wenn ich ...

Neue Wissensbeiträge
Verschlüsselung & Zertifikate

Die Hölle friert ein weiteres Stück zu: Microsoft integriert OpenSSH in Windows

Information von ticuta1 vor 2 StundenVerschlüsselung & Zertifikate

Interessant SSH-Kommando in CMD.exe und PowerShell

Apple

IOS 11.2.1 stopft HomeKit-Remote-Lücke

Tipp von BassFishFox vor 1 TagApple

Das Update für iPhone, iPad und Apple TV soll die Fernsteuerung von Smart-Home-Geräten wieder in vollem Umfang ermöglichen. Apple ...

Windows 10

Windows 10 v1709 EN murkst bei den Regionseinstellungen

Tipp von DerWoWusste vor 1 TagWindows 10

Dieser kurze Tipp richtet sich an den kleinen Personenkreis, der Win10 v1709 EN-US frisch installiert und dabei die englische ...

Webbrowser

Kein Ton bei Firefox Quantum über RDP

Tipp von Moddry vor 1 TagWebbrowser

Hallo Kollegen! Hatte das Problem, dass der neue Firefox bei mir auf der Kiste keinen Ton hat, wenn ich ...

Heiß diskutierte Inhalte
Windows Server
RODC kann nicht aus Domäne entfernt werden
Frage von NilsvLehnWindows Server19 Kommentare

HAllo, ich arbeite in einem Universitätsnetzwerk mit 3 Standorten. Die Standorte haben alle ein ESXi Cluster und auf diesen ...

Hardware
Kein Bild mit nur einer bestimmten Grafikkarten - Mainboard Konfiguration
gelöst Frage von bestelittHardware18 Kommentare

Hallo zusammen, ich hatte schon einmal eine ähnliche Frage gestellt. Damals hatte ich genau das gleiche Problem. Allerdings lies ...

Netzwerkmanagement
Mehrere Netzwerkadapter in einem PC zu einem Switch zusammenfügen
Frage von prodriveNetzwerkmanagement17 Kommentare

Hallo zusammen Vorweg, ich konnte schon einige IT-Probleme mit Hilfe dieses Forums lösen. Wirklich klasse hier! Doch für das ...

Hardware
Links klick bei Maus funktioniert nicht
gelöst Frage von Pablu23Hardware16 Kommentare

Hallo erstmal. Ich habe ein Problem mit meiner relativ alten maus jedoch denke ich nicht das es an der ...