flera element i samma

Hej!

Jag undrar om man kan skriva följande:

TABLE,TR, TH, TD { 
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	font-size: 9pt;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

Altså, ha flera element i samma...
Fördelar? Nackdelar?

Mvh Sofia

Ja, du kan skriva så. Fördelar är väl att om man ska ha samma stil på ett flertal element så är detta ett smidigt sätt att lösa det på. Nackdelen.. Ingen nackdel med själva sättet.

Däremot bör du skriva table, tr, th, td med små bokstäver. font-size bör vara i px, inte i pt och 0px är detsamma som 0. text-align är by default left. Och för logikens skull byter vi plats på th och tr i din regel då th kommer före tr i tabellhierarkin. :)

Dvs din regel ovan skulle kunna skrivas om så här:

table, th, tr, td { 
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 9px;
	border: 0;
	margin: 0;
	padding: 0;
}

Det finns ingen anledning att ange font-family och font-size för alla element: egenskapen ärvs ändå. Om du vill ha Arial 9pt på hela sidan räcker det med att ange den stilregeln på rotelementet.

Om man tittar på de andra egenskaperna ser det ut som att du inte vill ha mellanrum i dina tabeller. Värt att notera är att 'margin' gäller inte för TH, TD eller TR. 'border-style' har ett initialt värde 'none' så du behöver inte ange det. Så för att uppnå samma effekt skulle jag nog skriva ungefär såhär:

html { font:9pt Arial, sans-serif; }
table { border-collapse:collapse; }
th, td { vertical-align:top; }

Enheten pt bör för övrigt endast användas vid utskrift.

Tack för svaren!
Vad menas med rotelementet?
Och, nu har jag ändrat till px i stället.
Texten blev väldigt liten. Vilken px-storlek brukar ni ha?

zcorpan (y)

rotelementet är det element som är högst överordnat i ett dokument.

Jag brukar inte sätta min textstorlek i px, jag anger relativ storlek så att textstorleken lättare kan skalas om i diverse webbläsare. Så här:

body { font: small/150% Verdana,Arial,Helvetica,sans-serif; }
h1 { font: 160% "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif; }

small är en relativ storlek och 150% innebär att radhöjden är 150%. font: 160% i regeln för h1-elementet innebär att h1-rubriker blir 160% större än den normala textstorleken på sidan.

Rotelementet är det element i dokumentträdet som inte har någon förälder. Föräldern till "body" är "html", så body kan inte vara rotelementet. :) Effekten blir dock samma eftersom allt som syns på sidan normalt ligger i body. Rotelementet i HTML-dokument är alltid "html", men i XML-dokument kan det vara nåt annat. Tex:

<?xml-stylesheet href="foo.css"?>
<dokument xml:lang="sv">
 <stycke>Hallå där.</stycke>
</dokument>

Här är "dokument" rotelementet.

My bad. zcorpan, jag bugar och bockar. :)