Søg
Avatar billede ldanielsen Nybegynder
17. januar 2006 - 11:12 Der er 7 kommentarer og
2 løsninger

Anvende stylesheet på et enkelt element

Jeg har en adminside, med eget stylesheet, men visse steder vil jeg gerne vise noget af sitet, med anvendelse af sitets stylesheet:

<html>
<head>
<link rel="stylesheet" type="text/css" href="admin.css">
<link rel="stylesheet" type="text/css" href="site.css">
</head>
<body>

<p>Admin tekst</p>

<p>Her skal sitets stylesheet bruges</p>

<p>Her er det igen admin.css der skal anvendes</p>
</body>
</html>

Nogen forslag?
Avatar billede mstorgaard Praktikant
17. januar 2006 - 11:46 #1
Kan du ikke anvende classes?

Fx
.normal {
blablabla
}

.style {
blablabla
}

<p class="normal">Her skal sitets stylesheet bruges</p>

<p class="style">Her er det igen admin.css der skal anvendes</p>
Avatar billede ldanielsen Nybegynder
17. januar 2006 - 13:08 #2
jo, men det er ikke rigtig smart. De to filer kunne se sådan ud, og der må ikke rettes i site.css, men gerne i admin.css:

admin.css:
h1 {font-size; 14px;}

site.css:
h1 {font-size; 20px;}


<html>
<head>
<link rel="stylesheet" type="text/css" href="admin.css">
<link rel="stylesheet" type="text/css" href="site.css">
</head>
<body>

<h1>Admin tekst med størrelsen 14px</p>

<div><h1>Her skal sitets stylesheet bruges, så størrelsen skal være 20px.</h1></div>

<p>Her er det igen admin.css der skal anvendes</p>

</body>
</html>


Det jeg egentlig søger er en syntaks der kan sige "til denne div (eller td) skal du bruge det bestemte stylesheet."

Indholdet at denne div vil være kompliceret, der vil være alle mulige avancerede css-ting, som alle er defineret i site.css. Men de skal kun anvendes i disse særlige tilfælde.
Avatar billede roenving Novice
17. januar 2006 - 17:19 #3
Det kan du ikke, men du kan indkapsle det område, hvor du vil bruge anderledes stylesheet i nogle klasser, som du så kan bruge i dit admin-stylesheet, f.eks.

admin.css:
.admin h1 {font-size; 14px;}
.admin p {font-size; 14px;}

site.css:
h1 {font-size; 20px;}


<html>
<head>
<link rel="stylesheet" type="text/css" href="admin.css">
<link rel="stylesheet" type="text/css" href="site.css">
</head>
<body>

<div class="admin">
<h1>Admin tekst med størrelsen 14px</h1>
</div>

<div><h1>Her skal sitets stylesheet bruges, så størrelsen skal være 20px.</h1></div>

<div class="admin">
<p>Her er det igen admin.css der skal anvendes</p>
</div>

</body>
</html>

-- altså bliver det præcist det omvendte af, hvad du havde forestillet dig !-)
Avatar billede stich Nybegynder
17. januar 2006 - 21:05 #4
Hvis du altid wrapper de dele af siden, der skal bruge site.css, i en ekstra div, kan du dog klare det ved at medtage den div i hver selector i site.css, således at selector'ne får en højere specificity (og derfor vil overrule dem i admin.css) - eller omvendt selvfølgelig. Det bliver dog nemt en ordentlig gang rod (og kan give problemer, hvis der skal skiftes mellem stylesheets'ne fra et element til et af dets descendant-elementer), og er i det hele taget en grim løsning, hvorimod det jo er oplagt at bruge klasser, som roenving foreslår...
Avatar billede ldanielsen Nybegynder
18. januar 2006 - 10:36 #5
Det er ikke rigtig godt.

Det jeg laver er en lille wysiwyg html-editor til et cms-system, og jeg ville jo gerne have at det brugeren ser mens han skriver er style'et så det ser ud som det kommer til på selve sitet.

Men læg nogle svar, så deler jeg ud, med mindre der kommer noget rigtig godt ...
Avatar billede roenving Novice
18. januar 2006 - 14:42 #6
Oki, men behold selv de fleste af dine point '-)
Avatar billede stich Nybegynder
18. januar 2006 - 15:36 #7
I fald du (bl.a.) skulle vente på mig, ldanielsen: ellers tak. Jeg markerer altid mine indlæg som svar, hvis jeg tror de måske er sådanne. Hvis jeg kun har efterladt kommentarer, er jeg ikke interesseret i pointene.
Held og lykke med projektet.
Avatar billede ldanielsen Nybegynder
18. januar 2006 - 21:50 #8
OK, tak for det
Avatar billede roenving Novice
19. januar 2006 - 15:39 #9
-- og jeg takker for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »