Css - Dědičnost - Vyreseno

[Martyr-M]

Jde v Css udelat neco jako dědičnost že třeba mam

.prvni { color: #3333FF }


a
.druhy aby mnel to co prvny a jeste neco navic


Edit:
Takto

.jiny, .pokus { color:red }
.pokus {font-size: 18pt}

jiny je cerveny
pokus je cerveny a velky

[PiT]

Jedine tak, ze ten dalsi styl aplikujes v tom prvom...

napr:

.prvy {
font-family: Arial;
font-color: #0000aa;
font-size: 10px;
}

.druhy {
font-size: 18px;
font-style: italic;
}

a potom

<span class="prvy">bla bla bla <span class="druhy">blaaaaaa</span> bla</span>

[Jurman]

Nebo to jde udělat
že nadefinuješ vlastnosti třeba pro P (odstaec)
a pak ještě třeba .text
a pak když zapíšeš


<span class="text">Toto je text, který má vlastnosti P i text</span></p>

Je to v podstatě to same co napsal PiT, ale je to o chloupek kradší zápis (ale budeš to mít pak zase jako odstavec

[Jurman]

a nebo ještě kradší na zápis by bylo....
p {nejake vlastnosti}
p.druh1{vlastnosti2}
p.druh2{vlastnosti3}

potom stačí už jen


Text je nafromátovan jen vlastnostmi odstavce</p>

<p class="druh1">Tento text bude naformátován vlastnostmi co jsou nastavené v P a ještě v p.druh1</p>

<p class="druh2">Tento text bude naformátovan vlastnostmi p a druh2</p>

Víc toho asi s "dědičností " nezmůžeš

[Martyr-M]

ja bych radsi potreboval udelat vse v css

.prvni {neco}


.druhy { .prvni; dalsi veci}


takze by to vapadalo tahle .druhy { neco; dalsi veci}


ale nevim jak to zapsat nemuzu to nikde najit

[Jurman]

to co popisuješ nejde (nebo jsem to nikdy neviděl ani neslyšel)... Nejlepší způsob bude asi použít to P jak jsem uvedl výše.....(samozdřejmě můžeš použít i jiný tag kromě p)

[Martyr-M]

CSS dědičnost:


.jiny, .pokus { color:red }



Respektive takto
.jiny, .pokus { color:red }
.pokus {font-size: 18pt}

jiny je cerveny
pokus je cerveny a velky