Frudy
7k
2019-05-29 10:19:23
2
349

css선택자가 이상하게작동됩니다.


발생코드)



발생위치)



파일 구성도)

header.jsp = 외부 header.css파일을 불러옴

aside.jsp = 외부 aside.css파일을 불러옴

faq.jsp = faq.css와 main.css를 불러옴 + header.jsp, aside.jsp 두개의 파일을 인클루드


발생한 문제)

header.jsp의 [Talk 고객센터]라는 링크의 css속성이,

aside.jsp의 [title1, title2 ~~]의 링크의 css속성에 영향을 받습니다....


즉 이런겁니다.

(저 개발자도구의 css파일은 aside.css파일입니다)


선택자가 문제라고 확신했으며,

aside.css에서 분명 .aside_li a: 이렇게, aside_li클래스 하위의 a태그를 선택했습니다.


header.jsp의 해당되는 코드는 저쪽인데,

a태그 상위에 aside_li클래스 자체를 사용한적이 없습니다.


http://www.nextree.co.kr/p8468/

선택자 개념 보고왔지만, 네 제가 알고있는 선택자 개념은 정확합니다.


그래서 제가생각한 가능성은..


1.

인클루드 호출한 faq.jsp의 faq.css에서 

a

{

}

뭐 이런식으로 모든 a태그를 선택하여 준 속성이 있는지 찾아봤고,


2.

faq.jsp에서 include하는 모든 jsp파일의 모든 css파일을 다 뒤져서

a

{

}

모든 a태그를 선택하여 줬던 속성이 있는지 찾아봤으나 역시 없었어요.


뭘까요? 저는 이 에러에 대해 납득할 수 없어요.

0
  • 답변 2

  • SDuck
    977
    2019-05-29 10:32:33

    aside.css 26번 라인에 a:visit 으로 선택하셨는데요?

    그리고 개발자도구 Elements 에서 해당 DOM 선택하시면 어디서 스타일 준건지 나와요.

  • NULL만나면
    2k
    2019-05-29 11:11:12

    지나가면서 한마디 할게요.


    모르는게 부끄러운것이 아닙니다.

    알아야 하는데 모르는걸 질문하지 않는것이 부끄러운 것입니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.