Mój CSS jest trochę zardzewiały [zamknięty]

-4

Poniżej znajduje się mój skrypt CSS dla tworzonej przeze mnie strony:

@charset "utf-8";
/* CSS Document */
body{background-color:#3b5998; font-family:Tahoma, Geneva, sans-serif; color:red;}
link{color:red}
visited{color:purple}
hover{color:pink}
active{color:black}

Oto plik HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<body>
<table width="115" height="484" border="5">
  <tr>
    <td width="97"><a href="home.html" target="mainFrame">Home</a></td>
  </tr>
  <tr>
    <td><a href="flashchart.html" target="mainFrame">Flash</a></td>
  </tr>
  <tr>
    <td><a href="browsertest.html" target="mainFrame">Browser Test</a></td>
  </tr>
  <tr>
    <td>Upload</td>
  </tr>
  <tr>
    <td>Download</td>
  </tr>
  <tr>
    <td>Exit</td>
  </tr>
</table>
</body>
</html>

Wygląda na to, że nie działa ... Co jest nie tak?

css Will Walker
źródło

Co próbowałeś? Bawiłeś się z tym JSFiddle ? Czy spojrzałeś na debugger dla swojej przeglądarki, aby zobaczyć, jak jest analizowany lub czy występują błędy parsowania? (Brakuje większości średników!) Co konkretnie nie działa?

Darth Android

Zgaduję, że styl ciała działa, ale linki nie ...

Breakthrough

Tak, ciało działa, ale linki nie są, ponieważ nie jestem pewien, jak sformatować atrybuty łącza w pliku CSS

Will Walker

a:link, a:hoveritd. - czy rozważałeś czytanie samouczka?

Daniel Beck

Odpowiedzi:

Myślę, że masz na myśli to:

body{background-color:#3b5998; font-family:Tahoma, Geneva, sans-serif; color:red;}

a{color:red;}

a:visited{color:purple;}

a:hover{color:pink;}

a:active{color:black;}

Simon Verbeke
źródło

Nie, chciałem móc zaimportować CSS i zastosować go do wszystkiego, zamiast dodawać tag do wszystkiego

Will Walker

link, odwiedzany, hover i aktywny są selektorami. Są aktywne, gdy znacznik jest w określonym stanie. Nie działają, jeśli nie powiesz, do którego znacznika należą (kotwica, zakładam w tym przypadku). Jeśli chciałeś użyć ich jako klasy lub id, powinieneś napisać „#visited” dla identyfikatora lub „.visited” dla klasy.

Simon Verbeke

Odpowiedź @SimonVerbeke działa, dodaj tagi „a” (kotwica / link)

hanxue

-1

Dodaj brakujące średniki i znaczniki

body{background-color:#3b5998; font-family:Tahoma, Geneva, sans-serif; color:red;}

a:link{color:red;}

a:visited{color:purple;}

a:hover{color:pink;}

a:active{color:black;}

hanxue
źródło

Ach, umieściłem średniki poza nawiasami

Will Walker

Nadal nie działa

Will Walker

Czy możesz również wysłać plik HTML?

hanxue

@hanxue Zmodyfikowałem pierwotne pytanie, aby uwzględnić HTML

Canadian Luke