narlo의 Devlog

브라우저 내에 svg 태그가 존재하지만 xpath로 검색되지 않는 문제 해결 방법//*[local-name()='svg'] 원인svg는 XML Namespace를 사용하기 때문에브라우저 개발자 도구나 자동화 도구에서 XPath를 찾을 때 네임스페이스를 인식하지 못하고,따라서 일반적인 태그 이름(svg, path)으로는 요소를 찾을 수 없다.local-name() 함수는 네임스페이스를 무시하고 실제 요소 이름만 반환해주므로 이를 사용해야 한다.

1. CSS Selector웹 페이지의 스타일링을 위해 설계되었기 때문에 브라우저에서 요소를 찾는 속도가 빠르고 구문이 간결주요 사용 시점1. 요소를 위에서 아래로(부모에서 자식으로) 찾을 때2. 단순한 구조 내에서 고유하게 식별 가능한 속성(ID, Class)을 기준으로 찾을 때 전체 선택자 ( * )모든 형태의 모든 요소 선택* { color: green;} 태그 선택자노드 이름을 사용해 요소를 선택a { color: red;} 속성 선택자주어진 속성의 존재 여부나 그 값에 따라 요소를 선택/* title 속성을 가지고 있는 a 태그 */a[title] { color: purple;}/* href 속성값이 "https://example.org"인 a 태그 */a[href="https://exam..