«css-selectors» 태그된 질문

CSS (또는 다른 의사 선택기) :after와 결합하고 싶습니다 :hover. 기본적으로 목록이 있고 selected클래스가있는 항목 에는를 사용하여 화살표 모양이 적용됩니다 :after. 가리키고 있지만 제대로 작동하지 않는 객체에 대해서도 마찬가지입니다. 여기 코드가 있습니다 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist …

176 css  css-selectors  pseudo-element 

이것은 간단해야하지만 검색어를 찾는 데 어려움이 있습니다. 내가 이것을 가지고 있다고 가정 해 봅시다. <div class="a c">Foo</div> <div class="b c">Bar</div> CSS에서 "(.a 또는 .b) 및 .c"와 일치하는 선택기를 어떻게 만들 수 있습니까? 나는 이것을 할 수 있다는 것을 안다. .a.c,.b.c { /* CSS stuff */ } 그러나 다양한 논리 조합을 …

176 html  css  css-selectors 

클래스 중 하나가 지정된 접두사와 일치하는 모든 요소에 CSS 규칙을 적용하고 싶습니다. 예를 들어 status-(A와 C로 시작 하지만 다음 스 니펫에서 B가 아닌) 클래스가있는 div에 적용되는 규칙을 원합니다 . <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> 일종의 조합 : div[class|=status]및div[class~=status-] CSS 2.1에서 가능합니까? …

175 css  css-selectors 

IE에서 분명히하고 싶지 않은 것은 다음과 같습니다. p:not(.list):last-child + :text { margin-bottom: 10px; } 텍스트 노드에 여백이 생깁니다. (그것도 가능합니까?) CSS로 텍스트 노드를 어떻게 얻습니까?

173 css  css-selectors 

클래스와 ID를 동시에 선택하려는 링크가 있습니다. 두 가지 행동이 있기 때문입니다. 링크 클래스에 하나의 클래스 이름이 있으면 같은 방식으로 작동하고, 동일한 링크 클래스에 다른 클래스 이름이 있으면 다르게 작동합니다. 클래스 이름은 jquery로 전환됩니다. 따라서 링크 클래스와 id를 동시에 선택할 수 있어야합니다. 이게 가능해? 난 노력 했어: $("a .save #country") 결과가 …

170 jquery  dom  jquery-selectors  css-selectors 

TD행에서 첫 번째와 마지막 을 어떻게 선택할 수 있습니까? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

목록의 마지막 하위를 선택할 수있는 CSS 선택기를 찾고 있습니다. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> 정적 방법 : ul li:nth-child(5) 동적 방법 : ul li:last-child(-1) 물론 유효하지 않은 nth-last-child는 역동적 인 방법을 제공하지 …

161 css  css-selectors 

까다로운 CSS 선택기 질문입니다. 가능한지 모릅니다. 이것이 HTML 레이아웃이라고 가정 해 봅시다. <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> 주어진 예제에서 세 번째 로 div표시되는 last를 선택하고 싶습니다 (예 : not display:none) div. 마음 당신은의 수를 div실제 페이지들 (심지어 다를 수 있습니다 display:none사람을).

161 html  css  css-selectors 

jQuery의 가장 강력한 자산은 DOM의 요소를 쿼리하고 조작하는 방법이라는 여러 번 들었습니다. CSS 쿼리를 사용하여 일반 자바 스크립트에서 수행하기 어려운 복잡한 쿼리를 만들 수 있습니다. 그러나, 지금까지의 내가 아는 한, 같은과 결과를 얻을 수 있습니다 document.querySelector또는 document.querySelectorAll인터넷 익스플로러 8에서 지원됩니다. 따라서 문제는 이것입니다. 순수한 JavaScript로 가장 강력한 자산을 얻을 수 …

161 javascript  jquery  html  css-selectors  jquery-selectors 

CSS 파일에서이 문자를 여러 번 보았지만 어떻게 사용했는지는 알 수 없습니다. 누구나 나에게 설명하고 페이지 스타일을 쉽게 만드는 데 어떻게 유용한 지 보여줄 수 있습니까?

159 css  css-selectors 

부모 요소 위에 마우스를 올리면 자식 요소의 스타일을 변경하는 방법 가능한 경우 CSS 솔루션을 선호합니다. : hover CSS selectors를 통해 가능한 해결책이 있습니까? 실제로 패널에 호버가 있으면 패널 내부의 옵션 막대 색상을 변경해야합니다. 모든 주요 브라우저를 지원하려고합니다.

155 css  css-selectors 

페이지에서 모든 h 태그를 타겟팅하고 싶습니다. 나는 당신이 이런 식으로 할 수 있다는 것을 알고 있습니다 ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } 그러나 고급 CSS 선택기를 사용하여보다 효율적인 방법이 있습니까? 예를 들면 다음과 같습니다. [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } (그러나 분명히 작동하지 않습니다)

155 css  css-selectors 

현재 필드를 비활성화하기 위해 readonly = "readonly"를 사용하고 있습니다. CSS를 사용하여 속성의 스타일을 지정하려고합니다. 나는 사용을 시도했다 input[readonly] { /*styling info here*/ } 그러나 어떤 이유로 작동하지 않습니다. 나는 또한 시도했다 input[readonly='readonly'] { /*styling info here*/ } 그것은 작동하지 않습니다. CSS로 읽기 전용 속성의 스타일을 어떻게 지정할 수 있습니까?

150 html  css  css-selectors 

빈 입력 상자에 스타일을 어떻게 적용합니까? 사용자가 입력 필드에 무언가를 입력하면 스타일이 더 이상 적용되지 않습니다. CSS에서 가능합니까? 나는 이것을 시도했다 : input[value=""]

141 css  input  css-selectors 

나는 인라인 CSS (에 즉, CSS와 HTML 전자 메일 서명 만들고 있어요 style특성), 그리고는 그것이 사용할 수 있는지 여부에 대한 호기심 :before과 :after의사 요소. 그렇다면 인라인 CSS로 이와 같은 것을 어떻게 구현합니까? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles