«pseudo-class» 태그된 질문

CSS 의사 클래스를 사용하면 요소의 상태, DOM 트리 구조의 위치, 사용자 작업 또는 기타 요소를 기반으로 문서 내에서보다 구체적인 요소를 선택할 수 있습니다.



3
CSS 의사 클래스 입력 : not (disabled) not : [type =“submit”] : focus
입력 요소에 일부 CSS를 적용하고 싶습니다. 비활성화되지 않고 제출 유형이 아닌 입력에 대해서만 수행하고 싶습니다 .CSS 아래에서 작동하지 않습니다. 어쩌면 누군가 어떻게 추가 해야하는지 설명 할 수 있습니다. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

2
: 후 vs. :: 후
CSS 2.1 :after과 CSS 3 ::after의사 선택기 ( ::after구형 브라우저에서 지원되지 않는 것) 사이에는 기능상의 차이가 있습니까? 최신 사양을 사용해야하는 실질적인 이유가 있습니까?

4
인라인 스타일의 CSS 의사 클래스
На этот вопрос есть ответы на 스택 오버플로 на русском : Как прописать : hover внутри style = ''? 인라인 스타일을 사용하여 의사 클래스를 가질 수 있습니까? 예: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 위의 HTML이 작동하지 않지만 비슷한 기능이 있습니까? 추신 : 나는 외부 스타일 시트를 사용해야한다는 것을 알고 있습니다. 이것이 인라인 …

12
JavaScript에서 CSS 의사 클래스 규칙 설정
JavaScript에서 의사 클래스 선택기 (예 : : link, : hover 등)에 대한 CSS 규칙을 변경하는 방법을 찾고 있습니다. 따라서 CSS 코드의 아날로그 : a:hover { color: red }JS에서. 다른 곳에서는 답을 찾을 수 없었습니다. 이것이 브라우저가 지원하지 않는 것임을 아는 사람이 있다면 도움이 될 것입니다.

13
: 활성 가상 클래스가 모바일 사파리에서 작동하지 않습니다.
iPhone / iPad / iPod의 Webkit에서 <a>태그 의 : active 의사 클래스에 대한 스타일 지정 은 요소를 탭할 때 트리거되지 않습니다. 이것을 트리거하려면 어떻게해야합니까? 예제 코드 : <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

4
CSS3 : 검사되지 않은 의사 클래스
공식 CSS3 :checked의사 클래스 가 있다는 것을 알고 있지만 :unchecked의사 클래스가 있으며 동일한 브라우저 지원이 있습니까? Sitepoint의 참조 에는 하나가 언급되어 있지 않지만이 whatwg 사양 (그것이 무엇이든)이 수행합니다. :checked와 :not()의사 클래스가 결합 될 때 동일한 결과를 얻을 수 있다는 것을 알고 있지만 여전히 궁금합니다. input[type="checkbox"]:not(:checked) { /* styles */ } …


15
iPhone / iPad 사용자를 위해 : hover 가상 클래스를 강제로 무시할 수 있습니까?
내 사이트에 :hover(js없이) 확장되는 CSS 메뉴가 있습니다. 이것은 iDevices에서 약간 깨진 방식으로 작동합니다. 예를 들어 탭은 :hover규칙 을 활성화 하고 메뉴를 확장하지만 다른 곳을 탭해도 :hover. 또한 :hover'ed' 요소 내부에 링크가있는 경우 링크 를 활성화하려면 두 번 탭해야합니다 (첫 번째 탭 트리거 :hover, 두 번째 탭 트리거 링크). touchstart이벤트 를 …



당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.