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?


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

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

Odpowiedzi:


1

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;}

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;}

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
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.