비어 있지 않은 속성에 대한 CSS 속성 선택기


92

비어 있지 않은 속성에 적용되는 CSS 선택기가 있습니까? :not([Data-Attribute=''])속성이 존재하지 않는 경우에도 일치를 사용 합니다.

나는 같은 것을 찾고 있어요 [Data-Attribute!=''].


[Data-Attribute!='']jQuery 선택자는 :not([Data-Attribute=''])속성이 지정되지 않은 경우 일치하고 일치 하기 때문에 jQuery 선택기에 대해 이야기 하는 경우 와 유사 하지 않습니다.
BoltClock

답변:


194

이 시도

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>

8
여기에 더 나은 (또는 다른) 솔루션이 있습니다. stackoverflow.com/questions/16429220/…
Sven

6
@Sven이 질문에 대답하는 링크의 유일한 솔루션 (비어 있지 않은 특정 데이터 속성 선택)은이 대답과 동일합니다.
rybo111

여기에 제공된 솔루션은 그가 필요로하는 것을 대상으로하며, 위 링크의 솔루션은 카운터 스타일링이 필요합니다.
것이다

이 솔루션은 예기치 않은 요소에 영향을줍니다 (attr과 일치하는 경우 title).
Pavel Vlasov
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.