«css-selectors» 태그된 질문

선택기는 문서 트리의 요소와 일치하는 패턴입니다. CSS 규칙에서는 패턴과 일치하는 요소의 스타일을 정의하는 데 사용됩니다.

10
jQuery를 사용하여 빈 텍스트 입력 선택
jQuery를 사용하여 빈 텍스트 상자를 어떻게 식별합니까? 가능한 경우 선택기를 사용하여 수행하고 싶습니다. 또한 이것을 사용하려는 실제 코드에서는 모든 텍스트 입력을 선택하고 싶지 않기 때문에 id를 선택해야합니다. 다음 두 코드 예제에서 첫 번째 코드는 사용자가 텍스트 상자 "txt2"에 입력 한 값을 정확하게 표시합니다. 두 번째 예는 빈 텍스트 상자가 있음을 …
6
document.querySelectorAll이 실제 배열이 아닌 StaticNodeList를 반환하는 이유는 무엇입니까?
난 그냥 할 수 없어 그것은 버그 나 document.querySelectorAll(...).map(...)파이어 폭스 3.6도, 그리고 내가 교차 게시물을 줄이 블로그에서 SO 질문에 생각 그래서 난 여전히 답을 찾을 수 없습니다 : http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ 어레이를 얻지 못하는 기술적 이유를 아는 사람이 있습니까? 아니면 StaticNodeList는 사용자가 사용할 수있는 것과 같은 방식으로 배열에서 상속하지 않는 이유 map, …
2
CSS 입력 유형 선택기- "or"또는 "not"구문을 사용할 수 있습니까?
프로그래밍에 존재하는 경우), 다음 입력이 포함 된 HTML 양식이있는 경우 : <input type="text" /> <input type="password" /> <input type="checkbox" /> type="text"또는 인 모든 입력에 스타일을 적용하고 싶습니다 type="password". 또는 모든 입력의 where type != "checkbox". 이 작업을 수행해야하는 것 같습니다. input[type='text'], input[type='password'] { // my css } 할 방법이 없습니까? …
101 html  css  css-selectors 
5
유형 선택기와 앰퍼샌드 (&)를 사용하여 부모를 결합하는 Sass
Sass에서 중첩하는 데 문제가 있습니다. 다음 HTML이 있다고 가정합니다. <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> 다음과 같은 스타일을 중첩하려고하면 컴파일 오류가 발생합니다. .item { color: black; a& { color:blue; } } 유형 선택기가 동일한 요소의 일부일 때 부모 선택자 앞에 어떻게 참조합니까?
2
CSS 속성 선택기가 href가 작동하지 않습니다.
CSS에서 속성 선택기를 사용하여 다른 색상과 이미지의 링크를 변경해야하는데 작동하지 않습니다. 이 HTML이 있습니다. <a href="/manual.pdf">A PDF File</a> 그리고이 CSS : a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 배경이 빨간색이 아닌 이유는 무엇입니까?
5
CSS 선택기에서 별표 (*)는 무엇을합니까?
이 CSS 코드를 찾아서 실행하여 어떤 일을하는지 확인하고 페이지의 모든 요소를 ​​설명했습니다. 누군가 CSS에서 별표 *가하는 일을 설명 할 수 있습니까? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * …
5
숫자 인 ID로 querySelector 사용
내가 이해하는 HTML5 사양을 통해 이와 같은 숫자 인 ID를 사용할 수 있습니다. <div id="1"></div> <div id="2"></div> 을 사용하여 이러한 벌금에 액세스 할 수 getElementById있지만 querySelector. 다음을 시도 하면 콘솔에 SyntaxError : DOM Exception 12 가 표시됩니다. document.querySelector("#1") querySelectorHTML5 사양에서 이것이 유효하다고 말할 때 숫자를 ID로 사용하는 것이 작동하지 않는 …
9
CSS에서 여러 클래스의 쉼표와 공백은 무엇을 의미합니까?
다음은 내가 이해하지 못하는 예입니다. .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } width: 460px위에서 언급 한 모든 수업에 적용되는 것 같습니다 . 그러나 일부 클래스는 쉼표 ( ,) 로 구분 되고 일부는 공백 으로 구분되는 이유는 무엇입니까? width: 460pxCSS 파일에 언급 된 방식으로 클래스를 결합하는 요소에만 적용 된다고 가정 …
5
* * CSS 선택기는 무엇을합니까?
최근에 나는 우연히 * *에 CSS . 사이트 참조- 사이트 링크 . *CSS 스타일 시트 의 단일 사용에 대해 Internet 및 Stack Overflow는 예제로 가득 차 있지만 * *CSS에서 두 개의 기호를 사용하는 것에 대해 확신하지 못합니다 . 나는 그것을 검색했지만 단일 *요소가 모든 요소를 ​​선택하기 때문에 이것에 대한 관련 …
4
다른 div 내에서 첫 번째 div를 선택하는 데 사용할 수있는 CSS 선택 도구
다음과 같은 것이 있습니다. <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> 해당 div 내에서 날짜의 글꼴 색상을 설정할 수 있도록 두 번째 div ( "content"div 내의 첫 번째 div)에 대한 CSS 선택기는 무엇입니까?
2
ID에 마침표가있는 CSS 선택기
HTML 사양은 ID에 마침표 (.)를 허용합니다. <img id="some.id" /> 그러나 CSS ID 선택기 규칙을 사용하면 올바르게 일치 하지 않습니다 . #some.id { color: #f00; } ID 선택기에 대한 CSS 사양은 이 경우를 언급하지 않습니다. 그래서 태그 이름과 클래스 선택기 의 조합을 사용하고 있다고 가정 합니까? 예를 들어 CSS 규칙은 클래스 …
6
: 첫 자녀가 예상대로 작동하지 않음
라는 클래스를 사용 하여 첫 번째 h1내부 를 선택하려고합니다 . 이 안에있는 첫 번째 요소 이면 작동 하지만이 뒤에 오면 작동하지 않습니다.divdetail_containerh1divul <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> </html> 나는 내가 가진 CSS h1가 …
10
querySelector 직계 자식 검색
jquery와 같은 기능이 있습니다. function(elem) { return $('> someselector', elem); }; 문제는 어떻게 똑같이 할 수 querySelector()있습니까? 문제는 >선택기에서 querySelector()부모를 명시 적으로 지정해야한다는 것입니다. 해결 방법이 있습니까?
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.