이 chained : not 선택기가 작동하지 않는 이유는 무엇입니까?
바다 오소리
.img 클래스에 의해 영향을받은 자식 div가 있습니다.
:not이 div에 대한 선택기를 다음과 같이 삽입하지만
.main .content .index-exp .img:not(#view-image):not(.view-image){ /*rest*/ }
그것은 여전히 내 사업부에 영향을 미치고 이것은 내 뇌를 아프게합니다.
제거 :not(#view-image)하면 예상대로 작동합니다.
그러나 .img:not(#view-image):not(.view-image)체인으로 작동하지 않습니다.
나는 이런 종류의 사용법이 사실이라는 것을 알고 있습니다.
문제가 될 수 있습니다.
여기 http://jsfiddle.net/x80vm7y8/6/ 주소입니다.
내 결과
예상 결과는
<div class="main">
<div class="content">
<div class="index-exp">
<div class="container">
<div class="viewers">
<div class="product-exp">
<div class="view-exp">
<div class="content">
<div class="inquiry-form">
<form action="http://akasiayachting.com/wp-content/themes/active3/php/get_sendmail/get_sendmail.php" method="post" name="inquiry-form">
<div>
<span class="img"><img class="view-image" id="captcha" src="http://akasiayachting.com/wp-content/themes/active3/php/get_captcha/get_captcha.php" /></span>
<span class="img"><img class="view-image" id="code-refresh" src="http://akasiayachting.com/wp-content/themes/active3/views/active-71-detail/images/form-icon-refresh.png" /></span>
<input name="code-verification" type="text" class="code-verification" value="Security Code" />
<input name="submit" type="submit" value="Send Inquiry" />
</div>
</form><!-- #form -->
</div><!-- #inquiry-form -->
</div><!-- #content -->
</div><!-- #view-exp -->
</div><!-- #product-exp -->
</div><!-- #viewers -->
</div><!-- #container -->
</div>
</div>
</div>
황주의
나는 문제가 ID에 있다고 생각하는데, 당신이 그것을 줄 때 :not(#xxx)선택자에게 더 많은 특이성을 제공하고 그것이 발생하면 이전 정의의 스타일을 재정의하므로 잘못된 스타일이 표시됩니다. 일단 제거하면 이전에 정의 된 스타일이 더 구체적이기 때문에 작동합니다.
인스펙터를 사용하여이 작업을 볼 수 있으며, ID가 있거나없는 스타일이 적용되는 것을 보여줍니다 (ID 부분을 제거하고 다시 실행).
이것은 당신이 원하는 정의입니다
.viewers .product-exp .view-exp .content .inquiry-form div span.img
하지만 ID를 추가하면 69 행이 적용되고 무시됩니다.
가장 간단한 방법은 #view-image요소에 클래스를 추가하고을 not해당 클래스에 대상으로 지정하는 것입니다.
.main .content .index-exp .img:not(.new_class):not(.view-image){ /*rest*/ }
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
- 이전 게시물：Numpy generate array from csv - doesnt work with only 1 value in csv
- 다음 포스트：Pivot table Date Filter- Force 'This Week' to Monday
관련 기사
Related 관련 기사
- 1
이 선택기가 작동하지 않는 이유는 무엇입니까? JS
- 2
자식 선택기가 작동하지 않는 이유는 무엇입니까?
- 3
내 Nokogiri 선택기가 작동하지 않는 이유는 무엇입니까?
- 4
CSS의 : not 선택기가 지정된 요소없이 작동하지 않는 이유는 무엇입니까?
- 5
이 CSS 선택기가 제대로 작동하지 않는 이유는 무엇입니까?
- 6
이 간단한 JQuery 선택기가 IOS에서 작동하지 않는 이유는 무엇입니까?
- 7
mouseenter 이벤트에서 문서 선택기가 작동하지 않는 이유는 무엇입니까?
- 8
내 : active '또는 : checked 선택기가 작동하지 않는 이유는 무엇입니까?
- 9
여러 CSS 속성 선택기가 작동하지 않는 이유는 무엇입니까?
- 10
내 선택기가 작동하지 않는 이유는 무엇입니까? text () 반환 null
- 11
내 CSS ID 선택기가 작동하지 않는 이유는 무엇입니까?
- 12
내 SQL 선택이 작동하지 않는 이유는 무엇입니까?
- 13
sed가 작동하지 않는 이유는 무엇입니까?
- 14
indexOf가 작동하지 않는 이유는 무엇입니까?
- 15
.hover ()가 작동하지 않는 이유는 무엇입니까?
- 16
CSSArrowPlease가 작동하지 않는 이유는 무엇입니까?
- 17
setuid가 작동하지 않는 이유는 무엇입니까?
- 18
pip가 작동하지 않는 이유는 무엇입니까?
- 19
'DefaultAxesMarkerOrder'가 작동하지 않는 이유는 무엇입니까?
- 20
free ()가 작동하지 않는 이유는 무엇입니까?
- 21
REGEX가 작동하지 않는 이유는 무엇입니까?
- 22
setOnItemLongClickListener가 작동하지 않는 이유는 무엇입니까?
- 23
removeClass가 작동하지 않는 이유는 무엇입니까?
- 24
Angularjs가 작동하지 않는 이유는 무엇입니까?
- 25
VisualStateManager가 작동하지 않는 이유는 무엇입니까?
- 26
isEOF가 작동하지 않는 이유는 무엇입니까?
- 27
isdigit ()가 작동하지 않는 이유는 무엇입니까?
- 28
ActionListener가 작동하지 않는 이유는 무엇입니까?
- 29
GCC가 작동하지 않는 이유는 무엇입니까?
몇 마디 만하겠습니다