Disallow IDs in selectors(ID 선택기는 허용되지 않음)

문장은 csslint 중국어 버전의 번역문입니다. 원문을 클릭하면 영문 버전을 볼 수 있습니다. 만약에 번역 오류나 오타가 발생하면 댓글로 번역문의 내용이 비정기적으로 업데이트되어 디렉터리로 되돌아온다고 지적해 주십시오.
그동안 개발자들은 아이디 선택기에 대한 애정이 깊거나 독보적이었다.그러나 ID 선택기도 많거나 적거나 부작용이 있습니다. 이것은 완전히 유일한 것이기 때문에 다시 사용할 수 없습니다.페이지에서 모든 요소에 ID 선택기를 사용할 수 있지만 CSS의 다른 측면에서 얻을 수 있는 많은 이점을 잃게 됩니다.
CSS의 장점 중 하나는 여러 곳에서 스타일 규칙을 재사용할 수 있다는 것이다.ID 선택기를 사용하기 시작하면, 무심결에 스타일을 하나의 요소로 제한합니다.당신의 코드는 다음과 같다고 가정하십시오.

#header a {
    color: black;
}

이 스타일은 ID header 아래의 a 태그에만 적용됩니다.그러나 현재 페이지의 다른 장에서도 같은 스타일을 사용하고 싶다면 다음과 같은 종류만 다시 정의할 수 있을 것이다.

#header a,
.callout a {
    color: black;
}

이 뜻을 알면, 클래스 정의만 사용하고 ID 선택기를 설명하지 않을 것 같습니다.

.callout a {
    color: black;
}

결국, ID 선택기를 필요로 하거나 사용하지 않고, 클래스 선택기를 사용해서 효과를 대체할 수도 있습니다.ID 선택기를 사용하지 않으면 CSS 재사용 가능한 최대 능력을 해제합니다.
규칙 상세 정보
규칙 ID: ids이 규칙은 ID 선택기를 사용하지 않으므로 코드 재사용 및 유지보수가 향상된다는 프롬프트를 나타냅니다.모든 ID 선택기에 경고가 표시됩니다.
다음 예제에서는 경고를 표시합니다.

#mybox {
    display: block;
}

.mybox #go {
    color: red;
}