CSS: div에서 클래스와 ID의 차이점은 무엇입니까?
- 黄舟원래의
- 2017-07-20 09:09:101837검색
1. class는 레이블을 설정하는 클래스이며, class 속성은 요소가 속한 스타일 클래스를 지정하는 데 사용됩니다.
예를 들어 스타일 시트에 .content1 { color: red; background: #ff80c0 } 을 추가할 수 있습니다. 사용법: class="content1" .
id는 세트 라벨의 식별자입니다. id 속성은 요소의 고유한 스타일을 정의하는 데 사용됩니다. 예를 들어 CSS 규칙 #content2 {font-size:large }는 다음과 같이 사용됩니다: id="content2"
개념적으로는 다릅니다(다음 두 문장은 매우 예리합니다).
클래스는 다음과 같습니다. 스타일을 먼저 정의한 다음 여러 구조/콘텐츠에 적용할 수 있습니다.
재사용이 쉽습니다. 즉, 클래스 이름이 동일할 수 있습니다.
id는 이름처럼 서로 다른 구조와 내용을 구별하는 데 사용되는 레이블입니다. 한 집에 같은 이름을 가진 두 사람이 있으면 혼란이 발생합니다. id는 구조/내용을 먼저 찾는 것입니다. , 그리고 나서 스타일을 정의합니다.
2. 속성 우선순위 문제id의 우선순위가 클래스보다 높으므로 직접 예제를 작성해 볼 수 있습니다. 코드의 일부는 다음과 같습니다(는 원본 작성자가 아닌 제가 작성했습니다).
<html>
<head>
<style type="text/css">
#aa
{
color:red
}
.aa
{
color:blue
}
</style>
</head>
<body>
<p id="aa" class="aa">I love you.</p>
</body>
</html>
3. js 정보
페이지의 개체에 대해 스크립트 작업(js)을 수행하려면 해당 개체에 대한 ID를 정의하면 됩니다. 그렇지 않으면 페이지 요소를 탐색하고 특정 속성을 지정해야만 찾을 수 있습니다. 이것은 상대적으로 시간과 자원의 낭비이지만 ID를 갖는 것보다 훨씬 덜 간단합니다.
위 내용은 CSS: div에서 클래스와 ID의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!