ID의 일부만 알고 있는 경우 CSS에서 요소를 선택하는 방법은 무엇입니까?

부분 ID 값으로 CSS에서 요소 선택

웹 개발에서는 스타일 지정이나 조작 목적으로 특정 식별자가 있는 요소를 선택해야 합니다. . 그러나 요소 ID의 일부만 알고 있다면 어떻게 될까요?

과제:

PHP를 사용하여 동적으로 생성된 요소가 있고 고유한 ID를 할당하는 시나리오를 생각해 보세요. 접두어가 포함된 요소:

<code class="html"><div class="1" id="as_1">...</div>
<div class="2" id="bs_1">...</div>

<div class="1" id="as_2">...</div>
<div class="2" id="bs_2">...</div></code>

전체 ID를 모르고 이러한 요소를 개별적으로 선택해야 합니다.

ID 선택기의 제한 사항:

• 요소를 선택하려면 ID 선택기가 정확히 일치해야 합니다.

• 사용 시도:

  <code class="css">#as_{ ... }
  #bs_{ ... }</code>

  대체 솔루션: 하위 문자열 속성 선택기:

ID 선택자는 이 시나리오에 적합하지 않지만 하위 문자열 속성 선택자를 사용할 수 있습니다.

<code class="css">div[id^="as_"]
div[id^="bs_"]</code>

• [id^="as_"]는 모든 요소를 ​​선택합니다. ID가 "as_"로 시작하는 요소.
• [id^="bs_"]는 ID가 "bs_"로 시작하는 모든 요소를 ​​선택합니다.

추가 제안:

요소에 이미 클래스 속성이 있는 경우 각 그룹에 공통 클래스를 할당하고 대신 해당 클래스별로 선택하는 것을 고려해 보세요. 이렇게 하면 프로세스가 단순화되고 선택이 PHP에서 사용되는 ID 생성 방법과 독립적이게 됩니다.

위 내용은 ID의 일부만 알고 있는 경우 CSS에서 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!