«css-selectors» 태그된 질문

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

138 css  css-selectors  pseudo-class 

사용자 마우스가 클래스 이름이 인 요소를 가리킬 때 배경색을 적용하려고합니다 "reMode_hover". 요소가하지만 나는 색상을 변경하지 않으 도 있다"reMode_selected" 참고 : 제한된 환경에서 작업하기 때문에 자바 스크립트가 아닌 CSS 만 사용할 수 있습니다. 명확히하기 위해, 나의 목표는 호버에서 첫 번째 요소를 색칠하지만 두 번째 요소는 색칠하지 않는 것입니다. HTML <a href="" …

137 html  css  css-selectors 

한 레벨의 td 태그에만 클래스 스타일을 적용하는 방법이 있습니까? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

나는 이미 마지막 자식을 알고 있습니다. 그러나 div를 선택할 수있는 방법이 있습니까? <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> 참고 : jQuery가 없으며 CSS 만 사용

135 html  css  css-selectors 

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

134 css  css-selectors  pseudo-element  pseudo-class 

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

131 html  css  css-selectors  pseudo-class  inline-styles 

표준 목록을 사용하여 마지막 두 목록 항목을 선택하려고합니다. 나는 다양한 순열을 가지고 An+B있지만 마지막 2를 선택하는 것은 없습니다. li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ 나는 새로운 CSS3 …

130 css  css-selectors 

이 구문을 사용하는 요점은 무엇입니까 div.card > div.name 이것의 차이점은 무엇입니까 div.card div.name

126 css  css-selectors 

나는 방금 Sass를 발견했고 그것에 대해 너무 흥분했습니다. 내 웹 사이트에서는 자식 결합 자 ( E > F)를 사용하여 스타일이 지정된 트리와 같은 탐색 메뉴를 구현합니다 . Sass에서 더 간단한 (또는 더 나은) 구문으로이 코드 를 다시 작성할 수 있는 방법 이 있습니까? #foo > ul > li > ul …

126 css  css-selectors  sass 

나는 jQuery의 선택기, 특히 ID 선택기를 사용하고 있습니다. $("#elementId")... jQuery가 요소를 찾았는지 여부를 어떻게 확인해야합니까? 지정된 ID를 가진 요소가 존재하지 않더라도 다음 문은 나에게 제공합니다.[object Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

특이도를 검토 한 결과 내가이 블로그를 우연히 - http://www.htmldog.com/guides/cssadvanced/specificity/ 특이성은 CSS에 대한 점수 시스템이라고 말합니다. 요소는 1 점, 클래스는 10 점, ID는 100 점을 의미합니다. 또한 이러한 포인트가 합산되고 전체 금액이 해당 선택 자의 특이성이라고 말합니다. 예를 들면 : body = 1 포인트 body .wrapper = 11 포인트 body .wrapper …

124 css  css-selectors  css-specificity 

나는 사용하려고 document.querySelectorAllvalue속성이 설정된 모든 확인란 . 페이지에없는 다른 확인란이 있습니다. value 설정 각 확인란의 값이 다릅니다. 하지만 ID와 이름은 고유하지 않습니다. 예: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> 값이 설정된 확인란 만 선택하려면 어떻게합니까?

124 javascript  css-selectors  selectors-api 

element:first-child과 의 차이를 알 수 없습니다.element:first-of-type 예를 들어 div가 div:first-child → <div>부모의 첫 번째 자식 인 모든 요소. div:first-of-type → 부모 <div>의 첫 번째 <div>요소 인 모든 요소 . 이것은 똑같은 것처럼 보이지만 다르게 작동합니다. 누군가 설명해 주시겠습니까?

124 css  css-selectors 

나는 이것을 할 수있다 : <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); 즉, myDivclass 가있는 요소 의 모든 직계 자식을 성공적으로 검색 할 수 있습니다 .foo. 문제는 요소 #myDiv에 대해 쿼리를 실행하고 있기 때문에 선택자에를 포함해야한다는 myDiv점입니다 (분명히 중복 됨). 나는 #myDiv꺼둘 수 있어야 하지만 선택자는 …

119 javascript  dom  css-selectors 

CSS에! = (같지 않음)과 같은 것이 있습니까? 예를 들어, 다음 코드가 있습니다. input { ... ... } 그러나 일부 입력의 경우 이것을 무효화해야합니다. 입력 태그에 "reset"클래스를 추가하여이를 수행하고 싶습니다. <input class="reset" ... /> 그런 다음 CSS에서이 태그를 건너 뜁니다. 어떻게 할 수 있습니까? 내가 볼 수있는 유일한 방법은 입력 태그에 …

116 html  css  css-selectors