WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- CSS Eigenschaften "vererben"

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS Eigenschaften "ver... - 23 Feb 2020 Antworten
im Forum für Webhosting Homepage gefunden:
CSS Eigenschaften "vererben"
MCM
Quasselstrippe
Threadstarter




Beiträge: 425

Hi, ist es möglich in CSS Eigenschaften zu vererben??

Bsp.:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:
.cell {
    padding:5px;
    margin-top:3px;
    color:#45431f;
}

.cell2 {
    /* An der Stelle hätte ich gerne das er die Eigenschaften von .cell übernimmt */
    padding-top:20px;
}


Geht das?? Wenn ja wie??


---
cya MCM

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

  Profil   Editieren   Zitieren
Marcus
Forenheld




Beiträge: 881

Nein, aber tu doch mit zwei verschachtelten divs bspw. arbeiten - da werden die Eigenschaften "vererbt".

  Profil   E-Mail   Editieren   Zitieren
MCM
Quasselstrippe
Threadstarter




Beiträge: 425

Hm, in dem Punkt hätte CSS aber einen gewaltigen Nachholbedarf, weil ich fände das ne irre praktische Funktion! Aber dennoch danke!

---
cya MCM

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

  Profil   Editieren   Zitieren
Marcus
Forenheld




Beiträge: 881

Dachte auch zunächst daß das ginge - so mit

1: 
2:
cell.eins { background-color:#815846; font-size:10pt; }
cell.eins cell.zwei { font-size:12pt; }


aber Selfhtml hat mich da anscheinend eines besseren belehrt.

  Profil   E-Mail   Editieren   Zitieren
c3o
Posting-Schinder




Beiträge: 585

Na mit Beistrich:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
.cell, .cell2 {
    padding:5px;
    margin-top:3px;
    color:#45431f;
}

.cell2 {
    padding-top:20px;
}


Ein Abstand zwischen den Selektoren impliziert Hierarchie, "cell.eins cell.zwei" würde bedeuteten: Alle -Tags (ähm..!) mit der Klasse "zwei" die innerhalb eines -Tags mit der Klasse "eins" sind.

  Profil   E-Mail   Website   Editieren   Zitieren
c3o
Posting-Schinder




Beiträge: 585

Übrigens gibt es "vererben" auch wörtlich, aber ich glaube nicht dass du das in dem Fall brauchst. Beispiel:

1: 
2: 
3: 
4: 
5: 
6:
#eins { color:red;  /* farben vererben sich nicht standardmässig auf unterelemente */ }
#zwei { color:inherit; /* jetzt aber schon */ }
...
(rot)
(auch rot) ..was natürlich nur geht wenn #zwei ein direkter "Nachkomme" von #eins ist.

Diese Nachricht wurde geändert von: c3o
  Profil   E-Mail   Website   Editieren   Zitieren
DukeXP
Quasselstrippe




Beiträge: 269

MCM schrieb am 13.03.2004 12:47
Hm, in dem Punkt hätte CSS aber einen gewaltigen Nachholbedarf, weil ich fände das ne irre praktische Funktion! Aber dennoch danke!

Eine solche Funktion wäre ziemlich unsinnig. Ich nehme mal an es handelt sich bei den zu formatierenden Elementen um Zellen einer Tabelle: dann kannst du doch allgemeingültige Formatierungen für die Zellen definieren und zusätzlich von der Norm abweichende Zellen mittels einer Klasse um bestimmte Eigenschaften ergänzen.


---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

  Profil   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS Eigenschaften "ver...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - CSS Eigenschaften "vererben" im Forum Homepage Hosting AntwortenLetztes Posting
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 12.04.2019 13:43 von Kevinkk
Musik und Gaestebuch
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
14 18.01.2019 14:40 von Klaus1973
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 18.01.2019 14:39 von Klaus1973
HTML CSS Lernprogramme
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
9 18.01.2019 14:38 von Klaus1973
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
5 07.01.2019 18:12 von lyfwcn
HTML Template aus Photoshop heraus?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:45 von Jusback40
Bilder in Seite
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:44 von Jusback40
Problem mit Zeichenverkettung in Javascript
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 16.10.2018 18:54 von Maik89
Positionieren in einer DIV-Box
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 17.07.2018 14:48 von herodot
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster



Besucher : 6540967    Heute : 1035     Gestern : 1106     Online : 28     23.2.2020    16:57      2 Besucher in den letzten 60 Sekunden        
alle 30.00 Sekunden ein neuer Besucher
Nach oben