id값은 중복해서 사용할수 없다고 설명하시는데, 그 이유가 기능상으로는 중복해서 작동은하나 결국 구체성을 잃어버리기 때문에 그런건가요? 예를 들면 id="active"를 페이지의 HTML링크, CSS링크에 모두 적용하면 같은 컬러가 나오는데, id값의 목적인 구체성이라는 면에서 id값의 목적이 사라져버리기 때문에 그런건가요? 궁금합니다.
이고잉 선생님.. 정말 빛 그 자체십니다. 내용이 정말정말 어려운데 선생님이 아닌 다른 사람의 설명이였다면 저 이해하는데 상당한 시간이 걸렸을 것 같습니다.. 어려운 내용에서 더 강의실력이 빛을 발하는군요!! 어려운거 끝냈으니 마지막까지 힘차게 달리겠습니다! 이 강의를 보고 댓글을 꼭 달아야겠다 싶어 회원가입 했슴다 크크
진솔님께서 말씀해주신데로라면
강의에서 class 를 saw 라고 저장해놓은 것이나
id를 active 라고 저장해놓은 것이나 실질적인 의미는 없는 것이군요
제가 컴퓨터에 워낙 일자무식이라 선택자의 이름으로 입력된 saw나 active라는게 특별한 의미가 있는 것으로 알았습니다. 그래서 해당코드를 입력한 어느페이지에서든지 특별히 해당 페이지에 접속해있지 않아도 붉은색으로 노출이 되었네요.
정말정말 감사드립니다.
저도 후딱 발전해서 진솔님처럼 답해줄 수 있는 유저가 되고 싶네요.
눈 많이 오니 조심하시고 즐거운 하루 보내세요 :)
1. 본문에 나온 active는 그냥 id명일 뿐입니다.
실제로 표현하고 싶을 때는 스타일에 이런 식의 태그를 사용하셔야 합니다.
a:link { }: 방문하지 않은 링크
a:visited { }: 방문한 링크
a:hover { } : 마우스가 링크 위에 위치하고 있을 때
a:active { } : 링크를 클릭할 때
즉
<style>
a:link {
color:black;
}
a:active {
color:red;
}
</style>
이런 식으로 작성하셔야 합니다.
만약 class나 id가 있는 태그에 적용하고 싶다면
#active:active {
color: red;
}
이런식으로 줄 수 있지만
그렇게 되면 속성이 있는 곳을 방문했을때만 스타일이 적용됩니다.
2.id는 한 태그에 한번만 사용하시고 id에 사용한 active라는 명도 다른 id에서 사용하면 안됩니다.
하나의 태그에 유일한 이름을 정해준다는 의미입니다.
본문에서 언급하시고 사용하신 active 태그에 대해 해당 페이지에 방문하고 있는 중에 붉은색으로 이를 표기하라는 것으로 저는 파악했습니다.
이 내용을 바탕으로 css페이지 방문시에만 2.CSS라는 내용이 빨간색으로 내용이 표기되고자 의도 하였고,
1. html , 2. css 3.java script 각각의 페이지에 대해 모두 id="active"> #active{ color:red; 를 적용하였습니다.
그런데 출력이 생각한 것과 정반대로 출력되고 있습니다.
1,3 페이지 접속시 본문 2.css가 붉은 색으로 표기되고, 막상 2페이지(css페이지) 접속시 기존 회색이 표기됩니다.
제가 active 에 대해 거꾸로 이해하고 있는지, 코드 작성이 틀린 것인지 궁금합니다.
<2> Id 태그 관련하여 설명하시는 도중 "id 값이 active가 나오면 안된다" 라는 내용을 말씀하셨는데요
이때 해당 문서에서 선택자 id값을 단 한 번 쓸 수 있기 때문에 더 이상 id태그를 지정하면 안된다는 것인지
id선택자에 대해 지정한 태그인 active를 더이상 사용하면 안된다는 것인지 두 내용이 헷갈려 질문드립니다.
강의에서의 방문 순서는 HTML -> CSS 일 경우,
[결과1] (HTML, 회색), (JavaScript, 검은색)이 됩니다.
만약, 방문 순서가 JavaScript -> CSS 로 바뀐다면,
[결과2] (HTML, 검은색), (JavaScript, 회색)이 되어야 하지만,
강의의 방법대로 하면 [결과1] 과 같이 나타나게 됩니다... ㅠㅜ id로 해결되는게 아닌거 같아요..