질문/조언질답게시판
Extra Form
PHP PHP 7.3
CMS Rhymix

pc에서는 

a:visited { color:색상}

로 해결했는데 모바일은 구조가달라 적용되지않습니다

 

<li class=" has_cmt">
                <a class="list_link" href="링크" title="게시글제목"></a>
                <span class="list_title">
                <span>게시글제목</span><span class="list_icon new">N</span>        

                </span>
</li>

 

사용하는 스킨때문에 제목이 노출되는건 span 부분이고 a태그는 그냥 링크랑타이틀만 들어가게되는데 pc에 적용했던데로 적용하면 숨겨져있는 a태그만 색상이변경됩니다

 

css 선택자로 어떻게 제어가 가능할거같은데 가능할까요?

 

+++ 찾아보니 인접 형제 선택자 라는게있는데 링크(https://aboooks.tistory.com/tag/%EC%9D%B8%EC%A0%91%20%ED%98%95%EC%A0%9C%20%EC%84%A0%ED%83%9D%EC%9E%90)

 

.has_cmt >a:vited ~ span  이런식으로 하면 될거같았는데 동작하지않습니다 ㅠㅠ 도움주시면 감사하겠습니다

  • profile
    css의 경우 url 공개를 하셔야 개발자분들이 직접 들어가서 체크할 수 있을 거예요.
    게다가 모바일이니 직관적으로 어떻게 해야 한다는 조언을 드리기 힘들 겁니다.
  • profile

    https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

    브라우저 정책에 따라 대부분의 브라우저에서 불가능합니다. 이는 :visited를 악용해 사용자가 방문한 페이지를 수집하는 것을 막기 위한 의도적인 장치입니다.(즉 a:visited는 사용 가능하나 a:visited + span 등은 무조건 미방문 기준으로 동작합니다)

     

    이외 :visited의 제약에는 다음이 있습니다.

    1. getComputedStyle를 통해 적용된 스타일을 가져오면 링크 미방문 상태 기준으로만 가져와짐

    2. 색상 등 일부 스타일을 제외한 대다수 스타일 작동하지 않음(글자 숨기기, 배경 이미지 변경 등)

     

    스킨의 HTML 코드 및 스타일을 수정해 a 링크에 글자가 직접 들어가게 해야 적용이 가능할 것으로 보입니다.

  • profile ?
    그렇군요 감사합니다 일단 해결했습니다!