HTML5에서 CSS 선택기는 data- * 속성과 잘 작동하는 것 같습니다. 예 : <style>
div[data-foo='bar'] {
background:#eee;
}
</style>
<div data-foo='bar'>colored</div>
<div>not colored</div>
첫 번째 스타일을 올바르게 지정합니다. 그러나
XPath는 querySelector에서 수행 할 수있는 모든 작업을 수행 할 수 있습니다. 필자는이 둘을 비교하는 속도 벤치 마크를 보지 못했습니다. 그래서 지금은 임의성이있는 구문 간결 성을 기반으로 선택하고 있습니다. 편집 : Firefox 용 Greasemonkey 스크립트를 작성 중이므로 브라우저 간 호환성에 대해 걱정할 필요가 없으며 모든 라이브
페이지가로드되는 즉시 동시에 전환 할 객체 (div)가 3 개 있습니다. 이 애니메이션을 돕기 위해 하나의 객체로 완벽하게 작동하는 자바 스크립트를 사용하고 있지만, 자바 스크립트를 다시 작성하여 모든 3 개의 객체를 개별적으로 스타일링하는 방식을 따르는 방법을 모르겠습니다. Mozilla 개발자 네트워크 사이트 (https://developer.mozil
저는 querySelector에 전달하기에 적합한 CSS 선택기로서 요소에 대한 상대적 참조를 저장하고있는 응용 프로그램을 작성하고 있습니다. "base"요소에 대한 상대 참조를 저장하려면 동일한 요소를 반환하는 선택기가 필요합니다. Level 1 Selectors API에 정의 된 Element의 querySelector 방법에 대한 ID 선택기는 다음을