css-файл перестает работать через некоторое время

Мой файл style.css работал отлично (я проверил свой html-файл в веб-браузерах, и он появился именно так, как я хотел) Однако через некоторое время все веб-браузеры перестали следовать некоторым кодам в файле style.css, который работал всего пару минут назад, хотя я не внес изменений в эти части (в частности, эти коды были зависанием, посещением). Я использую Audobe Dreamweaver CC, и я новичок в HTML и CSS. Спасибо! _______________________________________ style.css ____________________________________css-файл перестает работать через некоторое время

@charset "utf-8"; 
/* CSS Document */ 
#header{ 
    text-align: center; 
    background-color: blue; 
    font-family: Arizonia; 
    font-size: 50px; 
    color: white; 
    padding: 5px; 
} 
h1{ 
    text-align: center; 
    font-family: calibri; 
    font-size: 36px; 
    color: red; 
} 
ul#nav1 { 
    padding: 50px; 
    text-align: center; 
    list-style-type: none; 
} 
ul#nav1 li a: link { 
    font-family: calibri; 
    font-size: 25px; 
    color: green; 
    text-decoration: none; 
} 
ul#nav1 li a: hover{ 
    color: orange; 
    font-size: 50px; 
    font-family:jokerman; 
} 
ul#nav1 li a: active{ 
    color: red; 
} 
ul#nav1 li: visited{ 
    color: white; 
} 
ul#nav li{ 
    display: inline; 
} 
ul#nav { 
    padding: 20px; 
    list-style-type: ||; 
} 
ul#nav li a: link { 
    text-align: center; 
    font-family: calibri; 
    font-size: 10px; 
    color: green; 
    list-style-type: upper-roman; 
} 
p.ul#nav li a: hover{ 
    color: orange; 
} 
ul#nav li a: active{ 
    color: red; 
} 
ul#nav li: visited{ 
    color: purple; 
} 
table, th, td { 
    align-content:center; 
    text-align:center; 
    boder-spacing:5px; 
    padding:10px; 
    border: 3px solid green; 
    border-collapse: collapse; 
    font-size:20px; 
} 
.right { 
    position:absolute; 
    right:80px; 
    width:auto; 
}

_______________________________________ index.html ____________________________________

<!doctype html> 
<html> 
<head> 
<link rel="stylesheet" href="style.css" type="text/css"> 
<meta charset="utf-8"> 
<title>Tự bạch của Trần Minh Triết</title> 
</head> 
<body> 
<div id="header"> 
<marquee> Chào mừng đến với trang tự bạch của Trần Minh Triết </marquee> 
</div> 
<hr/> 
<h1>SITEMAP</h1> 
<ul id="nav1"> 
<li><a href="background.html">Trần Minh Triết là ai?</a></li> 
<li><a href="milestone.html">Chặng đường tôi đã đi qua</a></li> 
<li><a href="gallery.html">Gallery yêu thích của tôi</a></li> 
<li><a href="contact.html">Hãy liên lạc với tôi</a></li> 
<li><a href="makefriend.html">Tôi rất muốn biết về bạn, bạn nghĩ sao?</a></li> 
</ul> 
<img src="index/footer.jpg" style="width:1366px;height:auto"> 
</body> 
</html>

источник

2014-12-01 ttriet204

Просьба представить краткий пример воспроизводимости - в его нынешнем виде никто не сможет точно ответить на ваш запрос. Я бы предположил, что у вас есть некоторые синтаксические ошибки в CSS, которые останавливают стили от применения. –

Прошу прощения. Я как бы не понимаю, как разместить здесь весь файл css. Однако, я думаю, я понял это! – ttriet204

На самом деле я не понимаю ур вопрос правильно. 'ul # nav1 li a: link'в этом коде u выложили пробел между **: ** и ** link ** Это не приведет к операции. Избегайте места, используйте, как 'ul # nav1 li a: link' –

У вас есть некоторые ошибки синтаксиса в вашем CSS, которые должны быть исправлены. Конкретная проблема с вашими ссылками заключается в том, что у вас есть пробелы между элементом и псевдоклассом. Чтобы исправить изменения:

ul#nav1 li a: link в ul#nav1 li a:link
ul#nav1 li a: hover в ul#nav1 li:hover
ul#nav1 li a: active к ul#nav1 li:active
ul#nav1 li a: visited в ul#nav1 li:visited

Я хотел бы предложить работает ваш CSS через validator. list-style-type: ||;, например, недействителен.

источник

2014-12-01 10:49:47

Он работает, он работает !!! Я так счастлив. Спасибо огромное! – ttriet204

css-файл перестает работать через некоторое время

ответ

Смежные вопросы