Kan man have en klasse i en klasse?

du kan ikke have flere klasser
Et tag må kun have een klasse

men du kan lave sådan her
---
td{
    width:100px;
    height:100px;
}
td .white{
    BACKGROUND-COLOR: white
}
td .blue{
    BACKGROUND-COLOR: blue
}
---
Så vil alle <td> have den størrelse som er angivet men kun <td class="blue"> vil være blå. Samtidig arver <td class="blue"> størrelsen fra td

problemet er at det skal være custom class, og ikke et som er dedikeret til et enkelt tag som eks. td

sådan her?
---
td{
    width:100px;
    height:100px;
}
.white{
    BACKGROUND-COLOR: white
}
.blue{
    BACKGROUND-COLOR: blue
}
---

Du kan ikke give et tag mere end een klasse
Men du kan godt sige at flere klasser skal have samme style
Så skal der bare komma imellem
---
.white, .TOP{
    BACKGROUND-COLOR: white
}
---
Så bliver på class="white" og class="top" hvide

personligt kan jeg bedst lide at man gør sådan;

.class1 {
  width:100px;
}

.class2 {
  height:100px;
}

<td class="class1 class2">

for på den måde skaber man den største genbrugelighed af klasser

keysersoze >> class="class1 class2" den kan da ikke validere?

eller har jeg måske misforstået noget hmm

den? hvad er "den"?

den er
--
class="class1 class2"
--
jeg har bare altid været af den opfattelse at et element kun måtte have een klasse

hvis ikke du tror mig kan du da kaste et blik på w3;

CLASS
This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.

;o)

keysersoze kan du svare mig på mit oprindelige spørgsmål ?

ok keysersoze så trækker jeg mig, jeg må have misforstået det engang på en eller anden side
Så er dit svar jo svar på det oprindelige spørgsmål :o)

flamsk >> jeg vil mene det burde være muligt at tolke noget ud fra svaret 11:28:51. Det er umuligt for mig at komme med en endelig løsning da det du skriver i spørgsmålet er umuligt - du kan nemlig ikke have to baggrundsfarver

men der er vel så del-spørgmålet om det er muligt generelt at arve sådan
--
.class1{
//noget
}

.class1 .class2{
//noget andet
}
--
Men det er vel ikke muligt

Under antagelse af at du har flg. stylesheet:

.Top
{
    BACKGROUND-COLOR: white
}
.Top .test
{
    BACKGROUND-COLOR: blue
}

Så vil .top fungere på det element du sætter den på, f.eks.:

<span class="top">noget pladder</span>

og .top .test vil fungere på elementer der ligger inde i elementer der har klassen .top, f.eks.:

<span class="top"><span class="test">noget</span> pladder</span>

Du kan godt skrive

<span class="top test">noget</span>

men den vil få baggrundsfarven hvid, da den ikke ligger inde i et element der har klassen top. Derimod vil teksten "noget" i flg.:

<span class="top"><span class="top test">noget</span> pladder</span>

få baggrundsfarven blå, da den ligger inde i et element med klassen top (og fordi den style er defineret sidst i dit stylesheet).

css er hverken et script- eller programmeringssprog så der kan ikke laves nedarvinger i selve stylesheetet.

det tætteste du kommer på er vel dette;

<style type="text/css">
.boldtxt {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight : bold;
}
.boldtxt.faqleft {
    background-color : Blue;
}
</style>

<div class="boldtxt">bla&nbsp;
    <div class="faqleft">Blabla</div>
</div>

Man kan tale om at elementer arver styles fra andre elementer, men ellers vil jeg give keysersoze ret...

Kanon, dit svar 12:22:55 er det gyldige :)
det virker med en klasse i en klasse, så det er bare super, så er det nemmere at strukturere det.

men du gav keysersoze point...?

dammm,,,  sorry,, hvordan gør man det om ?

Det skal keysersoze vist involveres i, for det er ham der skal afgive points igen...

>>keysersoze @27/07-2005 12:30:17

-- njah, det er nu ikke rigtigt, for i den kontekst css bruges i snakker man om kaskadering, dvs. at elementer befinder sig i en træ-struktur, hvor en property sat i en 'hoved'-gren normalt også skal benyttes af elementer længere ude i grenen (medmindre de overskrives på en eller anden måde der eller undervejs !-)

-- egentlige undtagelser findes dog for en masse forskellige properties på forskellige elementer, eksempelvis vil font-familien kaskadere ind i en tabel, men ingen andre text-properties følger med derind !-)

roenving >> hvilken del mener du er forkert?

flamsk >> hvis der er givet point forkert så sig hvordan de skal deles og jeg opretter spm med point

I denne struktur 'arver' du faktisk properties til underelementer (og i css hedder det egentlig, at properties kaskaderes, deraf navnet Cascading StyleSheets !-)

<div style="font-family:monospace;font-size:x-large;color:red;">
  <span style="color:blue;">
    En blå tekst i monospace
  </span>
  <table>
    <tr>
      <td style="font-size:larger;">Stor tekst</td>
      <td>Normal størrelse</td>
      <td style="font-size:smaller;">Lille tekst</td>
    </tr>
  </table>
  En simpel tekst i diven
</div>

-- men bemærk netop, at tabellen ikke arver font-størrelsen eller farven ...

keysersoze hvis du deler dem ligeover med softspot 100/100

ja - men overstående er jo ikke arving af klasser men af egenskaber i dine elementer. Det jeg snakker om er at en klasse decideret arver fra en anden klasse.

Nej, men der er jo også den anden ende af kaskadering, nemlig når man laver selectors, som består af flere selectorer, netop den konstruktion, som også har været omtalt i dette spørgsmål ...

-- og det er fuldt korrekt, at en regel i stylesheetet ikke kan 'arve' noget fra en anden regel, men elementer vil 'arve' de properties, som er sat for en omkringliggende klasse, så det i praksis er en slags arv, kaskadering ...

Prioritering af regler i stylesheetet og prioritering af enkelt-properties på forskellige elementer laver mange ting, som ofte får folk til at opgive at opbygge deres stylesheetes på den mest hensigtsmæssige måde, derfor er det vigtigt at gøre opmærksom på, at rules ikke kan arve, men det gør elementer altså helt automatisk ...

-- og det klassiske eksempel er, når man sætter properties på links via pseudo-selektorerne :visited, :hover osv., der ligner det faktisk en slags arv, for sætter du en property på :link, vil den også være tilstede på :hover, hvis ikke den overskrives !-)

det er vi så helt enige om :)

http://www.eksperten.dk/spm/635364