ProgramingTip

CSS 선택기 (ID에 텍스트 일부 포함)

bestdevel 2020. 10. 12. 07:56
반응형

CSS 선택기 (ID에 텍스트 일부 포함)


질문이 있습니다. 다음과 같은 요소가 있습니다.

<a> id = someGenerated Some : Same : 0 : name 인 요소

<a> id = someGenerated Some : Same : 0 : surname 인 요소

<a> id = someGenerated Some : Same : 1 : name 인 요소

<a> id = someGenerated Some : Same : 1 : surname 인 요소

이름을 얻으려면 CSS 선택기가 필요합니다. 문제는 내가 그것을 얻는 방법을 모른다는 것입니다. 나는 시도했다 a[id*='Some:Same']-모든 <a>요소를 반환했습니다 . ID가 이름으로 끝나는 요소를 얻을 수 있습니다. 하지만이 아이디어가 마음에 들지 않습니다. 다른 선택기로 할 수 있습니다.


이 시도 :

a[id*='Some:Same'][id$='name']

이렇게하면 aID가 포함 된 모든 요소가 표시됩니다.

일부 : 동일

그리고 이드로 끝나는

이름


내가 보는 유일한 선택기는 a[id$="name"](ID가 "이름"으로 끝나는 모든 링크)이지만 제한적이지 않습니다.


<div id='element_123_wrapper_text'>My sample DIV</div>

연산자 ^ -주어진 값으로 시작하는 요소 일치

div[id^="element_123"] {

}

연산자 $-주어진 값으로 끝나는 요소 일치

div[id$="wrapper_text"] {

}

연산자 *-주어진 값을 포함하는 속성이있는 일치 요소

div[id*="wrapper_text"] {

}

참고 URL : https://stackoverflow.com/questions/12155833/css-selector-id-contains-part-of-text

반응형