인라인 스타일 속성 별 CSS 선택기 속성 값으로이 요소를 선택하는 CSS 선택기가 있습니까? <div

인라인 스타일 속성 값으로이 요소를 선택하는 CSS 선택기가 있습니까?

<div style='display:block'>...</div>

뭔가

div[cssAttribute=cssValue]



답변

인라인 style속성은 다른 HTML 속성과 다르지 않으며 하위 문자열 속성 선택기와 일치 할 수 있습니다.

div[style*="display:block"]

바로 이러한 이유 때문에 매우 취약 합니다. 속성 선택기는 정규식을 지원하지 않으므로 속성 값의 정확한 하위 문자열 일치 만 수행 할 수 있습니다 . 예를 들어 다음과 같이 속성 값에 공백이있는 경우 :

<div style='display: block'>...</div>

공간에 맞게 선택기를 변경할 때까지 일치하지 않습니다. 그런 다음 모든 순열, 광고 메스꺼움을 포함하지 않는 한 공백을 포함 하지 않는 값의 일치를 중지합니다 . 그러나 인라인 스타일 선언 자체가 전혀 변경되지 않을 가능성이있는 문서로 작업하는 경우 문제가 없습니다.

DOM에 반영된 실제 지정, 계산 또는 사용 된 값으로 요소를 선택하는 것은 아닙니다 . CSS 선택기 불가능합니다.


답변

“;”포함 나를 위해 더 잘 작동합니다.

div[style*="display:block;"] 


답변