---
title: "Förenkling av CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/86388-förenkling-av-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Vide"
published: "2003-09-18T20:35:26.000Z"
updated: "2003-09-19T08:07:16.000Z"
replies: 4
views: 260
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/86388-förenkling-av-css"
---

# Förenkling av CSS

## #1 — Vide, 2003-09-18T20:35Z

Hur förenklar man denna definiering, alltså hur gör jag den textmessigt kortare?

```php
.mainmenutable a, .mainmenutable a:hover, .mainmenutable a:visited
{
	color: #333355;
}
```

Mvh, Vide

Permalänk: https://www.webforum.nu/p/86388

## #2 — Palle, 2003-09-18T22:34Z

```
[red]a.mainmenutable {
    color: #333355;
}[/red]
```

Permalänk: https://www.webforum.nu/p/1162288

## #3 — Vide, 2003-09-18T22:42Z

Fast a-taggen har inte mainmenutable som klass, den har ingen klass alls. Varför jag skrivit ".mainmenutable a" är för att jag bara vill att a-taggar inom element med klassen mainmenutable skall påverkas.

Jag förklarade kanske lite dåligt, min tanke var om jag kan definiera flera taggar (a, a:hover, a:visited) som skall tillhöra samma element på ett enklare sätt än det jag skrev ovanför.

Permalänk: https://www.webforum.nu/p/1162296

## #4 — jarvklo, 2003-09-19T07:35Z

Hmm... 
Det är lite beroende på hur resten av din CSS ser ut... Och om det bara är a du är ute efter eller om det är en lösning för flera olika andra taggar du är ute efter också...

Men är det bara en lösning för a du är ute efter på det sätt du tar upp i ditt exempel så kan du använda !important såhär 

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>test</title>
<style type="text/css">
<!--
a, a:hover, a:visited {color:teal}
.enklass {color:green}
[b].enklass a {color:maroon !important}[/b]

-->
</style>
</head>
<body>
<p>Detta är <a href="#">En länk</a></p>
<p class="enklass">Detta är <a href="#">En klassad länk</a></p>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1162456

## #5 — Vide, 2003-09-19T08:07Z

Ja, det är väl klart att det är så, jag behöver ju inte ange "hover" o.s.v eftersom dom ändå tillhör a-taggen, det räcker ju med (precis som du skriver):

```php
.mainmenutable a
{
    color: #333355;
}
```

Urfånigt självklart... ;)

Permalänk: https://www.webforum.nu/p/1162484

---

Tråden på webben: https://www.webforum.nu/amne/html-css/86388-förenkling-av-css
