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

사실 나는 UR 질문을 제대로 이해하지 못합니다. 이 코드에서 'ul # nav1 li a : link'는 ** : **와 ** link ** 사이에 공백을 넣었습니다. 아무런 조작도 발생하지 않습니다. 'ul # nav1 li a : link'와 같이 공간을 사용하지 마세요. –

당신은 수정 될 필요가 귀하의 CSS에서 일부 구문 오류가 있습니다. 귀하의 링크와 관련된 문제는 요소와 의사 클래스 사이에 공백이 있다는 것입니다. 변화를 해결하려면 :

ul#nav1 li a: link

ul#nav1 li:visited- ul#nav1 li:active

ul#nav1 li a: visited-ul#nav1 li:hover

ul#nav1 li a: active-ul#nav1 li a:link

ul#nav1 li a: hover에 나는 validator를 통해 CSS를 실행 건의 할 것입니다. 예를 들어 list-style-type: ||;은 유효하지 않습니다.

출처

2014-12-01 10:49:47

그것은 작동합니다, 그것은 작동합니다! 나는 너무 행복해. 정말 고맙습니다! – ttriet204

CSS 파일이 잠시 후에 작동을 멈 춥니 다

답변

관련 문제