Stylesheets - olika hover-taggar på samma sida?

Tråden skapades 2004-01-10 och har fått 3 svar. Det senaste inlägget skrevs 2004-01-11.

1

2004-01-10 13:18

#1

mattan
Medlem ●
International user
2004-01-10 13:18

Ngn som vet hur man gör om man vill ha två olika stilar på länkar och hover-taggar på en sida. Att redefina "a" och lägga till en a:hover går ju lätt men jag får inte skapa en egen klass i DW4, tex: ".yellow12p:hover" med hover-attribut.

Ngn guru som vet? Tack!

//mattan

Anmäl Ändra Gilla Svara

2004-01-10 16:10

#2

johan dansk
Medlem ●
2004-01-10 16:10

det går alldeles utmärkt! tex:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict...">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Untitled</title>
	<meta name="generator" content="BBEdit 7.1" />
	<style>
.theClass a:link, .theClass a:visited	{
	color: red;
	font-weight: normal;
	text-decoration: none;
}

.theClass a:hover {
	color: yellow;
}
	</style>
</head>
<body>
<div class="theClass">
<a href="#">asdf</a>
</div>

</body>
</html>

notera att du även kan lägga till pseudoklassen :hover på vissa andra element, tex :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict...">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <title>Untitled</title>
        <meta name="generator" content="BBEdit 7.1" />
<style>
.theClass:hover {
        color: yellow;
        background: blue;
}
</style
</head>
<body>
<div class="theClass">
<p> qwerty </p>
</div>

</body>
</html>

Anmäl Ändra Gilla Svara

2004-01-10 17:05

#3

mattan
Medlem ●
International user
2004-01-10 17:05

Tack för hjälpen Johan! Funkar perfekt (och det går att göra dem i DW märkte jag nu när jag lärt mig syntaxen)

Anmäl Ändra Gilla Svara

2004-01-11 12:07

#4

johan dansk
Medlem ●
2004-01-11 12:07

Glömde säga att jag antog du hadde din klass på en div, paragraf (<p>) eller liknande, men om du vill sätta den direkt på anchor taggen går det bra med, typ <a class="blueLink" href="#">asdf</a>: