특정 텍스트가 포함된 ID를 가진 CSS 요소를 어떻게 선택할 수 있나요?

특정 텍스트를 포함하는 CSS 선택기 타겟팅 ID

웹 개발에서 요소는 고유 ID로 식별되어 스타일을 지정하고 상호 작용할 수 있는 방법을 제공합니다. 구체적으로 그들과 함께요. 그러나 ID에 요소 간에 변경되는 동적 부분이 포함된 경우 부분 텍스트를 기반으로 특정 요소에 액세스하는 것이 어려울 수 있습니다.

"someGenerated Some: 동일:0:이름" 및 "someGenerated 일부:동일:0:성." 목표는 ID에 "name"이라는 텍스트가 포함된 요소만 가져오는 것입니다.

한 가지 접근 방식은 속성 선택기 "[id*='Some:Same']"을 사용하는 것일 수 있지만 이렇게 하면 모든 항목이 반환됩니다.

ID에 "Some:Same"이 포함된 요소(끝 텍스트에 관계 없음).

대신 더 정확한 선택기를 활용할 수 있습니다.

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

이 선택기는 먼저 "[id*='Some:Same']" 부분을 사용하여 "Some:Same"이 포함된 ID를 가진 요소를 확인하여 검색하세요. 그런 다음 "[id$='name']" 부분을 사용하여 ID가 ​​"name"으로 끝나는 요소만 포함하도록 결과를 추가로 필터링합니다.

이 결합된 선택기는 ID에 "Some: Same" 및 "name"으로 끝나는 항목이 검색됩니다. 이 경우 ID가 "someGenerated Some:Same:0:name" 및 "someGenerated Some:Same:1:name"인 요소를 성공적으로 타겟팅합니다.

위 내용은 특정 텍스트가 포함된 ID를 가진 CSS 요소를 어떻게 선택할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!