아, 이렇게 두 방식 모두 때문에, 여러 명의 개발자가 I& # 39 m 자가 가르쳐 본적이 없다, ve, I& # 39 해냈다.
'클래스' 'id' 고유해야 신지애 등 여러 가지 적용할 수 있습니다. '에서' 와 '클래스', '# 엘레멘티드 CSS id 의 비슷 비슷하게 이섬클레스' 요소 '
일반적으로 사용 할 때마다 'id' 와 '클래스' 은 특정 요소를 포함할 때 모든 일들이 모두 수용할 수 있습니다. 예를 들어, 'id' 같은 공통 요소는 '헤더입니다', '바닥글에 슬라이드바', ''. '클래스' 같은 공통 요소는 '' 또는 '강조표시할 외부 링크'.
하지만 중요한 것은 우선 순위가 가장 기본적인 이해해야 합니다 'id' '클래스' 선택기를 선택기를 우선합니다. 만약 이 경우:
<p id="intro" class="foo">Hello!</p>
및:
#intro { color: red }
.foo { color: blue }
텍스트 약간만이라도 빨강입니다 'id' 때문에 '클래스' 선택기를 선택기를 우선합니다.
아마도 볼 수 있는 차이를 이해하는 데 도움이 될 것입니다.
<student id="JonathanSampson" class="Biology Calculus" />
<student id="MarySmith" class="Biology Networking" />
>. 내일 할 수 있는 붉은 셔츠, 모든 학생들이 " 있으리라이에 생물수업중에 class.".
<! - 모든 언어: > css 랭 -;
.Biology {
color: red;
}
줄 수 있고, 특정 규칙을 수강생용 호출하여 특유의 ID :
>. 조너선 샘슨, 녹색 셔츠 tomorrow." 있으리라이에 " 것입니다.
#JonathanSampson {
color: green;
}
이 경우, 조너선 샘슨 두 개의 명령을 받고 있다. 1 의 as a 클래스, 또 다른 유학생 신분으로 생물수업중에 직접판매용 필요합니다. 조너선 sanlight 리즈한테 때문에 id 속성을 통해 직접 차고, 이전 요청을 한 붉은 셔츠 있으리라이에 녹색 셔츠와 도외시하는 것 "이라고 주장했다.
더 구체적인 선택기를 했다.
단순 차이를 둘 다 사용할 수 있는 반면 클래스 페이지에서 사용된 호출이네요 한 번씩 반복해서 id 를 이벤트여야만 합니다 따라서 적절한 div ID 를 사용하여 페이지의 마크업하는 요소에 기본 내용 등 주요 내용이 이벤트여야만) 에는 한 부분. 반면 클래스를 사용할 합니다 [행 색계열 테이블을 설정할 수 있기 때문에, 정의에 의해 여러 번 사용할 수 없을 것입니다.
IDs 는 매우 강력한 목석같은놈. Id 가 표적이 될 수 있는 요소를 블렌드합니다 JavaScript 를 조작하여 내용을 요소이거나 어떤 식으로든. Id 특성은 대상으로 내부 링크를 사용할 수 있는 교체하십니까 앵커 주기표시 이름 속성. 마지막으로, 침입탐지시스템 (ids), 논리적, 그들이 원하는 대로 경우 선택해제합니다 일종의 "자체 문서" 가 문서 내에서 역할을 할 수 있습니다. 예를 들어, 셀명 추가해야 할 필요는 없습니다 전에 없다는 기본 내용이 포함될 경우 오프닝 블록이어야 코드 블록 (block 은 id 태그를 ";;;; footer" " header" " main", 예를 들어, 등.
Id 고유하도록. # 39, aren& 클래스뿐만 없다. 여러 클래스뿐만 요소를 가질 수도 있습니다. 또한 클래스뿐만 무중단으로 요소를 추가하고 제거할 수 있습니다.
어디든요 id 를 사용할 수 있는 클래스 대신 사용할 수 있습니다. 역동기화에 성립하지 않는다.
이 협약에 대한 id 를 사용할 수 있는 것 같다고 페이지 요소를 모든 페이지 (그것을비유하사 " navbar"; 또는 " menu";) 하지만 이것은 단지 다른 모든 규칙을 따르고, ll, 클래스를 찾기 위한 다양한 변화를 you& # 39 라고 발언했다.
다른 한 차이점은 ',' 요소 요소에 대한 폼 입력 필드를 참조입니다 label> <, ID 로 사용해야 할 경우, 그래서 ',' re going, label> < you& # 39 를 사용할 수 있습니다. < label>; 이 일을 정말 액세서빌러티를 백업이었습니다 사용해야 합니다.
클래스는 그것을비유하사 범주입니다. 수 많은 HTML 요소를 클래스 및 오버클로킹된 HTML 요소 둘 이상의 클래스에 속할 수 있습니다. 클래스를 사용할 적용하십시오 일반 스타일 또는 스타일을 적용할 수 있는 여러 HTML 요소.
Id 는 식별자입니다. # 39, re 고유해야 they&. 아무도 가질 수 있는 아무도요 동일한 ID. Id 를 사용할 수 있는 독특한 스타일을 적용하십시오 HTML 요소.
내가 사용하는 클래스뿐만 침입탐지시스템 (ids), 이러한 방식으로:
<div id="header">
<h1>I am a header!</h1>
<p>I am subtext for a header!</p>
</div>
<div id="content">
<div class="section">
<p>I am a section!</p>
</div>
<div class="section special">
<p>I am a section!</p>
</div>
<div class="section">
<p>I am a section!</p>
</div>
</div>
이 예에서 헤더나 컨텐트입니다 단면에는 통해 컨텐트입니다. # # 헤더나 유형화된 수 있습니다. 각 부분의 내용을 통해 공통 스타일을 적용할 수 있는 컨텐츠 # 스체티언스 신께서 팔코니를 굽어 살피시겠지만, 내가 추가한 " special"; class 를 중간 부분. 예를 들어, 당신이 원하는 특정 부분에 투명지에 특별 위원회. 하지만 여전히 이 부분에 있는 달성할 수 있는 일반적인 시켜버리므로 스체티언스 충스러웠으니 # 컨텐트입니다 상속됩니다 오스피시알 클래스
일반적으로 사용하는 액세스하려면 조작할 때 JavaScript 를 개발, 내가 나는한다 또는 CSS / HTML 요소, 쉐퍼드도 매우 특정한 클래스를 사용할 수 있는 다양한 요소를 시켜버리므로 액세스하려면 / 적용하십시오.
실제로 조건부 id 스타일입니까 css 선택기를 공간을 사용할 수 있습니다.
h1#my-id {color:red}
p#my-id {color:blue}
렌더링됩니다 강타했다. 왜 이런 짓을? 가끔 id 는 동적으로 생성된 상술합니다. 지금까지 타이틀을 더 높은 수준의 id 를 사용하여 렌더링합니다 따라 다르게 할당에서는:
body#list-page #title {font-size:56px}
body#detail-page #title {font-size:24px}
개인적으로 더 이상 classname 포지셔닝하십시오 선택기를:
body#list-page .title-block > h1 {font-size:56px}
as I 찾을 수 있는 비트 비뚤어진 차별화합니다 네스트된 id 를 사용하고 있다. 그냥 것으로 알고 있는 개발사 [자스] [1] / scs 이 되고, 세계 프레젠테이션이든 물건을 손에 네스트된 id 는 기본이다.
마지막으로, 선택기를 성능 측면에서 볼 때, 우선 순위, id 를 이길 수 있다 "고 말했다. 이 완전히 다른 주제라서요.
[1]: http://en.wikipedia.org/wiki/Sass_% 28stylesheet_language% 29
Css 를 적용할 때 적용하십시오 redhat. 클래스와 id 를 할 수 있는 한 최대한 피하는 것이 좋습니다. ID 를 가져올 수 있는 모든 이벤트 바인딩하면 요소이거나 JavaScript 사용해야 합니다.
Css 적용하십시오 클래스뿐만 사용해야 합니다.
이벤트 클래스를 사용하여 바인딩하면 가지고 있는 경우도 있습니다. 이런 경우, CSS 및 추가 적용하기 위한 것이 아니라 새로운 클래스가 있는 시도하시겠습니까 클래스뿐만 피하기 위해 사용되고 있는 doesn& # 39, CSS .해당 없다. 이렇게 하면 따라오렴 변경해야 할 때 도움이 될 수 있는 모든 요소를 다 같이 클래스 또는 변경하십시오 CSS 의 CSS 클래스 이름.
할 수 있는 모든 요소를 클래스 호스트였든 id.
클래스는 특정 종류의 참조할 때 사용되는 디스플레이, 예를 들어 이 질문의 답을 나타내는 div class 의 css 를 가질 수 있다. 답을 필요로 하는 등, 여러 개의 div 와 같은 스타일을 많을 전망이다 클래스를 사용할 수 있습니다.
Isd 는 오직 하나의 요소가 있을 수 없는 것은, 예를 들어, 오른쪽 재사용할 수 있는 곳으로, it 관련 섹선에서 관련 스타일링을 id 를 사용하게 된다.
기술적으로 이 모든 것이 논리적으로 또는 분리-정합성 구축한 클래스를 사용할 수 있습니다. 그러나 여러 요소를 # 39 의 id& 재사용합니다 수 없습니다.
아래 예제는 그들위에 표현식에서는 보여준다.
<div id="box" class="box bg-color-red">this is a box</div>
<div id="box1" class="box bg-color-red">this is a box</div>
지금 여기 '에서 볼 수 있습니다 (2)', '상자' 와 'box1 다른 두 가지 요소를 할 수 없다', ', < div> 적용하십시오 배경색 빨강입니다 클래스를 기입란' 와 '' 둘 다.
이 개념은 상속 ui_policytable_java_spe_policy OOP 욕금지
div id 와 div class 동시에 할 수 없는 하나의 요소가 적용된 HTML 이벤트여야만 여러 요소를 추가할 수 있습니다.
승인/보류 id 에 적용된 더 중요도입니다 둘 다 동일한 요소 및 서로 충돌하는 시켜버리므로 id 의 스타일이 적용됩니다.
스타일 요소를 넣어 항상 div class a) 는 다음과 같은 뜻이 있다. 앞에서 언급한 div id 클래스는 (도트) 동안 그들의 이름을 자신의 이름을 앞에 # (해시보다) 하고 있다.
예:
>. '-', '선언, 클래스의 < style> .red-background {배경색: red; } '
>. id '선언' 의 < style> -;; >. '# 파란색 배경을 {배경색: '블루;}
>. '< div class = " red-background";; id = " blue-background" > Hello< /div>;;;; ' >. 여기 배경 적립율은 파란색으로