Question

CSS 선택기를 사용하여 요소를 찾을 때 여러 가지 방법으로 작성할 수 있습니다. 예를 들어 : 나를 위해

driver.FindElement(By.CssSelector("header.top-bar.js-top-bar._fixed")); 

대

driver.FindElement(By.CssSelector("header[class='top-bar js-top-bar _fixed']")); 

및

driver.FindElement(By.CssSelector("form[id='search'][action='/search']")); 

대

driver.FindElement(By.CssSelector("form#search[action='/search']")); 

---

는 단지 체육의 rsonal 다른 통해 하나를 사용하여 선호하지만, 예를 들어 사용하여 모든 성능 이점이 있는지 궁금 해서요 :

header.top-bar.js-top-bar._fixed 대 header[class='top-bar js-top-bar _fixed']

Answer 1

당신은 다른의 속도를 테스트 할 수 있습니다 "CSS 테스트 창조주"를 사용할 수 있습니다 CSS 선택기 :

http://stevesouders.com/efws/css-selectors/csscreate.php

나는 10,000 규칙과 10,000 앵커를 사용하여 두 tag.class와 태그 [클래스 = '클래스'] 시험. 각 테스트 5 번 실행, 나는 다음과 같은 결과를 얻었다 : 위의 추론을 바탕으로

+----------+-----------+----------+ 
| Test # | tag.class|tag[class| 
+----------+-----------+----------+ 
| 1  | 226 ms | 177 ms | 
| 2  | 197 ms | 211 ms | 
| 3  | 228 ms | 177 ms | 
| 4  | 207 ms | 200 ms | 
| 5  | 209 ms | 198 ms | 
+----------+-----------+----------+ 
| AVERAGE | 213 ms | 192 ms | 
+----------+-----------+----------+ 

의 해당 태그 [클래스 = '클래스'] 테스트를위한