같은 클래스에 아이디 값에 따라 CSS 적용

CSS에서는 ID 값에 따라 스타일을 적용할 수 있지만, 같은 클래스 내에서 특정 ID 값에 따라 스타일을 다르게 적용하려면 속성 선택자를 활용하면 됩니다. 예를 들어, 특정 클래스 .example 내에서 ID가 myId인 요소에만 스타일을 적용하려면 다음과 같이 작성할 수 있습니다.

 

예 ))

.example#myId {
    color: red;
    font-weight: bold;
}

 

.example[id="myId"] {
    color: blue;
    background-color: yellow;
}