Anfänger Frage CSS-ID
 

Hallo,

ich bin CSS-Anfänger und bräuchte mal Hilfe:

Ich habe ein 4er Gridsystem und möchte dort das padding anpassen.

.autogrid_grid .column {
padding-left: 0px;
padding-right: 0px;
}

Das ganze funktioniert soweit auch, jetzt möchte ich
allerdings das ganze nur auf eine anwenden.

Dazu kann ich im CMS (Contao) eine eigene CSS-ID oder Klasse
angeben für die einzelne Spalte angeben.

Ich habe es mit der ID "grid" versucht, leider geht das nicht.

#grid .autogrid_grid .column {
padding-left: 0px;
padding-right: 0px;
}

https://eindruck.ein-druck.net

Es geht um das Megamenü beim Menüpunkt "Lieblingsstücke", ich möchte nur beim Bild kein padding, beim Rest schon.

Hat jemand eine Idee, ist der Ansatz richtig?



Vielen Dank

Moin,

da hat es mehrere Bilder. Davon abgesehen sehe ich keinerlei ID in diesem Bereich vergeben.

So wie du es schreibst wird es wohl auch nicht funktionieren:
Das bedeutet derzeit: Das Element mit der ID grid welches als Kindelement ein oder mehrere Elemente mit der Klasse .autogrid_grid hat welche(s) wiederum Elemente mit der Klasse column hat/haben .... nur letztere wird/werden mit deinem Code angesprochen.

Du willst aber ein bestimmtes Element (z.B.ein bestimmtes Bild = img) innerhalb von, vermute ich, Elementen der Klasse column ansprechen.

Edit: Davon abgesehen ist grid kein guter, da kein sprechender Name.
Verwende lieber eine id oder klasse die klar macht was Sache ist, z.B:
.no-padding oder .no-padding-top etc.

Das hilft auch Dir dich besser im CSS zurechtzufinden.

Du müsstest also schreiben:
(ohne Leerstelle) Beachte dabei:
Obiges ist was anderes als
Im zweiten Fall zeigt die Leerstelle an,dass Elemente mit der id no_padding welche im HTML-Element img enthalten sind, angsprochen werden sollen. Das ist weitgehend sinnfrei denn id's sollten dokumentenweit nur einmalig vergeben werden.

Hallo,

sorry für die späte Reaktion.

Vielen Dank für die Antworten, es hat tatsächlich nur mit:

#grid{
padding: 0;
}

funktioniert.

Danke