CSS에서 특정 텍스트를 포함하는 ID로 요소를 타겟팅하는 방법은 무엇입니까?

특정 텍스트를 포함하는 ID를 가진 요소를 대상으로 하는 CSS 선택기

다음과 같은 ID를 가진 요소가 있습니다.

<code class="html"><a> element with id = someGenerated Some:Same:0:name</a>
<a> element with id = someGenerated Some:Same:0:surname</a>
<a> element with id = someGenerated Some:Same:1:name</a>
<a> element with id = someGenerated Some:Same:1:surname</a></code>

"이름"이 포함된 ID를 가진 요소를 검색하려면 CSS 선택기가 필요합니다. a[id*='Some:Same'] 단독으로 사용하면 원하는 것이 아닌 모든 요소가 반환됩니다.

대신 다음 선택기를 사용하세요.

<code class="css">a[id*='Some:Same'][id$='name']</code>

이 선택기 부분 문자열과 끝 일치 항목을 결합합니다. ID가 "Some:Same"을 포함하고 "name"으로 끝나는 모든 요소를 ​​선택합니다. 이렇게 하면 원하는 요소가 정확하게 분리됩니다.

위 내용은 CSS에서 특정 텍스트를 포함하는 ID로 요소를 타겟팅하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!