CSS를 사용하여 \"Some:Same\"을 포함하고 \"name\"으로 끝나는 ID를 가진 요소를 타겟팅하는 방법은 무엇입니까?

ID에 특정 텍스트가 포함된 요소에 대한 CSS 선택기

문제:

" 형식의 ID가 있는 HTML 요소를 고려하세요. someGenerated Some:Same:0:name" 또는 "someGenerated Some:Same:0:surname." CSS를 사용하여 ID가 ​​"Some:Same"을 포함하고 "name"으로 끝나는 요소만 선택할 수 있습니까?

해결책:

다음 CSS 선택기 사용 이를 수행합니다:

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

설명:

• a[id*='Some:Same']: ID에 문자열이 포함된 모든 요소를 ​​선택합니다. "일부: 마찬가지예요." 별표(*)는 와일드카드로 사용되어 "Some:Same" 앞이나 뒤에 모든 문자를 허용합니다.
• [id$='name']: ID가 "name"으로 끝나는 모든 요소를 ​​선택합니다. 달러 기호($)는 문자열 끝에서 와일드카드로 사용됩니다.

이러한 선택기를 결합하면 "Some:Same"을 포함하고 다음으로 끝나는 ID로 특정 a 요소를 격리할 수 있습니다. "이름."

위 내용은 CSS를 사용하여 \"Some:Same\"을 포함하고 \"name\"으로 끝나는 ID를 가진 요소를 타겟팅하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!