<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="sv">
	<id>https://webbling.se/index.php?action=history&amp;feed=atom&amp;title=Cascading_Style_Sheets</id>
	<title>Cascading Style Sheets - Versionshistorik</title>
	<link rel="self" type="application/atom+xml" href="https://webbling.se/index.php?action=history&amp;feed=atom&amp;title=Cascading_Style_Sheets"/>
	<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;action=history"/>
	<updated>2026-04-26T06:56:51Z</updated>
	<subtitle>Versionshistorik för denna sida på wikin</subtitle>
	<generator>MediaWiki 1.43.0</generator>
	<entry>
		<id>https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=3879&amp;oldid=prev</id>
		<title>PGJ den 8 oktober 2018 kl. 08.22</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=3879&amp;oldid=prev"/>
		<updated>2018-10-08T08:22:12Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 8 oktober 2018 kl. 08.22&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l12&quot;&gt;Rad 12:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 12:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Cascading ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Cascading ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Category:Termer]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;__FORCETOC__&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=22&amp;oldid=prev</id>
		<title>PGJ den 12 augusti 2014 kl. 14.33</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=22&amp;oldid=prev"/>
		<updated>2014-08-12T14:33:53Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 12 augusti 2014 kl. 14.33&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot;&gt;Rad 3:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 3:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Nyttan av CSS är att vi kan särskilja presentation från dokumentstrukturen. CSS sköter utseendet, medan [[HTML]] sköter dokumentets [[semantik semantiska]] struktur.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Nyttan av CSS är att vi kan särskilja presentation från dokumentstrukturen. CSS sköter utseendet, medan [[HTML]] sköter dokumentets [[semantik semantiska]] struktur.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;I ett CSS-dokument anger vi [[CSS-regel CSS-regler]]. En [[CSS-regel]] består av en, eller flera, [[selektor]]er som specificerar vilket innehåll i webbsidan som ska påverkas. Detta följs av ett deklarationsblock som innehåller ett antal [[CSS-egenskaper]]. Egenskaperna specificerar hur utseendet ska se ut på den valda delen av webbsidan.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;I ett CSS-dokument anger vi [[CSS-regel&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;|&lt;/ins&gt;CSS-regler]]. En [[CSS-regel]] består av en, eller flera, [[selektor]]er som specificerar vilket innehåll i webbsidan som ska påverkas. Detta följs av ett deklarationsblock som innehåller ett antal [[CSS-egenskaper]]. Egenskaperna specificerar hur utseendet ska se ut på den valda delen av webbsidan.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Externa CSS-dokument ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Externa CSS-dokument ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=21&amp;oldid=prev</id>
		<title>PGJ den 12 augusti 2014 kl. 14.33</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=21&amp;oldid=prev"/>
		<updated>2014-08-12T14:33:33Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 12 augusti 2014 kl. 14.33&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot;&gt;Rad 3:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 3:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Nyttan av CSS är att vi kan särskilja presentation från dokumentstrukturen. CSS sköter utseendet, medan [[HTML]] sköter dokumentets [[semantik semantiska]] struktur.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Nyttan av CSS är att vi kan särskilja presentation från dokumentstrukturen. CSS sköter utseendet, medan [[HTML]] sköter dokumentets [[semantik semantiska]] struktur.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;I ett CSS-dokument anger vi [[CSS-regel]]&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;er&lt;/del&gt;. En [[CSS-regel]] består av en, eller flera, [[selektor]]er som specificerar vilket innehåll i webbsidan som ska påverkas. Detta följs av ett deklarationsblock som innehåller ett antal [[CSS-egenskaper]]. Egenskaperna specificerar hur utseendet ska se ut på den valda delen av webbsidan.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;I ett CSS-dokument anger vi [[CSS-regel &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;CSS-regler&lt;/ins&gt;]]. En [[CSS-regel]] består av en, eller flera, [[selektor]]er som specificerar vilket innehåll i webbsidan som ska påverkas. Detta följs av ett deklarationsblock som innehåller ett antal [[CSS-egenskaper]]. Egenskaperna specificerar hur utseendet ska se ut på den valda delen av webbsidan.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Externa CSS-dokument ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Externa CSS-dokument ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=12&amp;oldid=prev</id>
		<title>PGJ den 12 augusti 2014 kl. 13.58</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=12&amp;oldid=prev"/>
		<updated>2014-08-12T13:58:29Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 12 augusti 2014 kl. 13.58&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l8&quot;&gt;Rad 8:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 8:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Helst bör man samla sina CSS-regler i ett, eller flera, separata dokument. Det finns flera anledningar till detta. En av de viktigaste är att det möjliggör återanvändning av CSS-reglerna i flera olika webbsidor. Man behöver bara länka varje webbsida till den specifika CSS-filen. När man gör en ändring i CSS-filen, slår det direkt igenom i alla webbsidor som är länkade. Tänk dig själv vilken mardröm det skulle bli om man hade CSS:en inbakade i tustentals webbsidor och så vill göra en förändring. Man skulle då vara tvungen att öppna och redigera varje sida för sig. Vilket inte bara är jobbigt, utan lätt kan leda till att något blir fel. Om HTML-sidorna däremot är länkade till en CSS-fil, kan man ändra i den CSS-filen och ändringarna slår direkt igenom i alla HTML-dokumenten.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Helst bör man samla sina CSS-regler i ett, eller flera, separata dokument. Det finns flera anledningar till detta. En av de viktigaste är att det möjliggör återanvändning av CSS-reglerna i flera olika webbsidor. Man behöver bara länka varje webbsida till den specifika CSS-filen. När man gör en ändring i CSS-filen, slår det direkt igenom i alla webbsidor som är länkade. Tänk dig själv vilken mardröm det skulle bli om man hade CSS:en inbakade i tustentals webbsidor och så vill göra en förändring. Man skulle då vara tvungen att öppna och redigera varje sida för sig. Vilket inte bara är jobbigt, utan lätt kan leda till att något blir fel. Om HTML-sidorna däremot är länkade till en CSS-fil, kan man ändra i den CSS-filen och ändringarna slår direkt igenom i alla HTML-dokumenten.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Om man lägger sina CSS-regler i ett externt dokument måste man använda en &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-+((&lt;/del&gt;link&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-tagg|&lt;/del&gt;&amp;lt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;link&lt;/del&gt;&amp;gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;))+-&lt;/del&gt;-tagg i sitt HTML-dokument. &amp;lt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;nowiki&lt;/del&gt;&amp;gt;href&amp;lt;/&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;nowiki&lt;/del&gt;&amp;gt; -attributet i denna tagg ska peka på korrekt CSS-fil.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Om man lägger sina CSS-regler i ett externt dokument måste man använda en &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;code&amp;gt;[[&lt;/ins&gt;link&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;]]&lt;/ins&gt;&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;/code&lt;/ins&gt;&amp;gt;-tagg i sitt HTML-dokument. &amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;code&lt;/ins&gt;&amp;gt;href&amp;lt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;code&lt;/ins&gt;&amp;gt; -attributet i denna tagg ska peka på korrekt CSS-fil.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Cascading ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Cascading ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=11&amp;oldid=prev</id>
		<title>PGJ den 12 augusti 2014 kl. 13.54</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=11&amp;oldid=prev"/>
		<updated>2014-08-12T13:54:29Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;sv&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Äldre version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Versionen från 12 augusti 2014 kl. 13.54&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l8&quot;&gt;Rad 8:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Rad 8:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Helst bör man samla sina CSS-regler i ett, eller flera, separata dokument. Det finns flera anledningar till detta. En av de viktigaste är att det möjliggör återanvändning av CSS-reglerna i flera olika webbsidor. Man behöver bara länka varje webbsida till den specifika CSS-filen. När man gör en ändring i CSS-filen, slår det direkt igenom i alla webbsidor som är länkade. Tänk dig själv vilken mardröm det skulle bli om man hade CSS:en inbakade i tustentals webbsidor och så vill göra en förändring. Man skulle då vara tvungen att öppna och redigera varje sida för sig. Vilket inte bara är jobbigt, utan lätt kan leda till att något blir fel. Om HTML-sidorna däremot är länkade till en CSS-fil, kan man ändra i den CSS-filen och ändringarna slår direkt igenom i alla HTML-dokumenten.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Helst bör man samla sina CSS-regler i ett, eller flera, separata dokument. Det finns flera anledningar till detta. En av de viktigaste är att det möjliggör återanvändning av CSS-reglerna i flera olika webbsidor. Man behöver bara länka varje webbsida till den specifika CSS-filen. När man gör en ändring i CSS-filen, slår det direkt igenom i alla webbsidor som är länkade. Tänk dig själv vilken mardröm det skulle bli om man hade CSS:en inbakade i tustentals webbsidor och så vill göra en förändring. Man skulle då vara tvungen att öppna och redigera varje sida för sig. Vilket inte bara är jobbigt, utan lätt kan leda till att något blir fel. Om HTML-sidorna däremot är länkade till en CSS-fil, kan man ändra i den CSS-filen och ändringarna slår direkt igenom i alla HTML-dokumenten.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Om man lägger sina CSS-regler i ett externt dokument måste man använda en -+((link-tagg|&amp;lt;link&amp;gt;))+--tagg i sitt HTML-dokument. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;-+&lt;/del&gt;href&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;+- &lt;/del&gt;-attributet i denna tagg ska peka på korrekt CSS-fil.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Om man lägger sina CSS-regler i ett externt dokument måste man använda en -+((link-tagg|&amp;lt;link&amp;gt;))+--tagg i sitt HTML-dokument. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;nowiki&amp;gt;&lt;/ins&gt;href&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/nowiki&amp;gt; &lt;/ins&gt;-attributet i denna tagg ska peka på korrekt CSS-fil.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Cascading ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Cascading ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
	<entry>
		<id>https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=10&amp;oldid=prev</id>
		<title>PGJ: Skapade sidan med &#039;CSS, eller Cascading Style Sheets, är den teknologi som används för att styra utseendet på webbsidor (man kan faktiskt använda det till andra typer av dokument också). P...&#039;</title>
		<link rel="alternate" type="text/html" href="https://webbling.se/index.php?title=Cascading_Style_Sheets&amp;diff=10&amp;oldid=prev"/>
		<updated>2014-08-12T13:28:28Z</updated>

		<summary type="html">&lt;p&gt;Skapade sidan med &amp;#039;CSS, eller Cascading Style Sheets, är den teknologi som används för att styra utseendet på webbsidor (man kan faktiskt använda det till andra typer av dokument också). P...&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Ny sida&lt;/b&gt;&lt;/p&gt;&lt;div&gt;CSS, eller Cascading Style Sheets, är den teknologi som används för att styra utseendet på webbsidor (man kan faktiskt använda det till andra typer av dokument också). På svenska brukar vi kalla CSS för stilmallar, eller också använder vi de engelska termerna på ett svengelsktvis, såsom så ofta inom datavärlden. [[W3C]] har standardiserat CSS i ett antal [[CSS-standarder]].&lt;br /&gt;
&lt;br /&gt;
Nyttan av CSS är att vi kan särskilja presentation från dokumentstrukturen. CSS sköter utseendet, medan [[HTML]] sköter dokumentets [[semantik semantiska]] struktur.&lt;br /&gt;
&lt;br /&gt;
I ett CSS-dokument anger vi [[CSS-regel]]er. En [[CSS-regel]] består av en, eller flera, [[selektor]]er som specificerar vilket innehåll i webbsidan som ska påverkas. Detta följs av ett deklarationsblock som innehåller ett antal [[CSS-egenskaper]]. Egenskaperna specificerar hur utseendet ska se ut på den valda delen av webbsidan.&lt;br /&gt;
&lt;br /&gt;
== Externa CSS-dokument ==&lt;br /&gt;
Helst bör man samla sina CSS-regler i ett, eller flera, separata dokument. Det finns flera anledningar till detta. En av de viktigaste är att det möjliggör återanvändning av CSS-reglerna i flera olika webbsidor. Man behöver bara länka varje webbsida till den specifika CSS-filen. När man gör en ändring i CSS-filen, slår det direkt igenom i alla webbsidor som är länkade. Tänk dig själv vilken mardröm det skulle bli om man hade CSS:en inbakade i tustentals webbsidor och så vill göra en förändring. Man skulle då vara tvungen att öppna och redigera varje sida för sig. Vilket inte bara är jobbigt, utan lätt kan leda till att något blir fel. Om HTML-sidorna däremot är länkade till en CSS-fil, kan man ändra i den CSS-filen och ändringarna slår direkt igenom i alla HTML-dokumenten.&lt;br /&gt;
&lt;br /&gt;
Om man lägger sina CSS-regler i ett externt dokument måste man använda en -+((link-tagg|&amp;lt;link&amp;gt;))+--tagg i sitt HTML-dokument. -+href+- -attributet i denna tagg ska peka på korrekt CSS-fil.&lt;br /&gt;
&lt;br /&gt;
== Cascading ==&lt;br /&gt;
Den första delen av den engelska termen för stilmallar, anger något slags &amp;quot;cascade&amp;quot;. Vad betyder då detta? Jo, stilarna kan komma ifrån olika CSS-dokument, från olika CSS-regler, osv. Processen som används för att välja ut de regler som ska bli att gälla är &amp;quot;kaskaden&amp;quot;.&lt;/div&gt;</summary>
		<author><name>PGJ</name></author>
	</entry>
</feed>