# 39 의 차이점은 what& 있는 id 와 클래스?

39 의 차이점은 &lt what& ',' 와 '&lt div id, div class = &quot &quot >;;;;;' = &quot &quot &gt 측면에서 볼 때, CSS? 이것은 &lt div id = ',' &gt &quot &quot 사용할 수 있어,,?

아, 이렇게 두 방식 모두 때문에, 여러 명의 개발자가 I& # 39 m 자가 가르쳐 본적이 없다, ve, I& # 39 해냈다.

TylerH
편집된 질문21일 9월 2018 в 1:43
프로그래밍
class html css id
12일 2월 2009 в 11:30
18 파운드
해결책

'클래스' 'id' 고유해야 신지애 등 여러 가지 적용할 수 있습니다. '에서' 와 '클래스', '# 엘레멘티드 CSS id 의 비슷 비슷하게 이섬클레스' 요소 '

일반적으로 사용 할 때마다 'id' 와 '클래스' 은 특정 요소를 포함할 때 모든 일들이 모두 수용할 수 있습니다. 예를 들어, 'id' 같은 공통 요소는 '헤더입니다', '바닥글에 슬라이드바', ''. '클래스' 같은 공통 요소는 '' 또는 '강조표시할 외부 링크'.

39 의 it& 좋은 방법이 검토완료 up on the 케스케이드 이해하고 우선순위 대입된 다양한 선택기를: [http://www.w3.org/TR/CSS2/cascade.html] (http://www.w3.org/TR/CSS2/cascade.html)

하지만 중요한 것은 우선 순위가 가장 기본적인 이해해야 합니다 'id' '클래스' 선택기를 선택기를 우선합니다. 만약 이 경우:

<p id="intro" class="foo">Hello!</p>

및:

#intro { color: red }
.foo { color: blue }

텍스트 약간만이라도 빨강입니다 'id' 때문에 '클래스' 선택기를 선택기를 우선합니다.

해설 (8)

아마도 볼 수 있는 차이를 이해하는 데 도움이 될 것입니다.
    • ID 카드는 수강생용 달랐다. 없음 ID 카드를 교내 학생 2 명을 모두 같습니다. 그러나 많은 학생들이 서로 공유할 수 있는 것으로, 하나 이상의 클래스용 .

39 에 넣을 수 있는 여러 학생들이 it& 그땅은 같은 클래스 1 제목이 생물수업중에. 그러나 it& # 39 의 여러 학생들이 한 학생이 ID 디렉토리보다 동일팔레트에 용납될 수 없다.

      • 규칙에 따라 규칙을 줄 때 학교 인터콤 시스템을 클래스 a * 를 지정할 수 있습니다.

&gt. 내일 할 수 있는 붉은 셔츠, 모든 학생들이 &quot 있으리라이에 생물수업중에 class.&quot.

<! - 모든 언어: &gt css 랭 -;

.Biology {
  color: red;
}

줄 수 있고, 특정 규칙을 수강생용 호출하여 특유의 ID :

&gt. 조너선 샘슨, 녹색 셔츠 tomorrow.&quot 있으리라이에 &quot 것입니다.

#JonathanSampson {
  color: green;
}

이 경우, 조너선 샘슨 두 개의 명령을 받고 있다. 1 의 as a 클래스, 또 다른 유학생 신분으로 생물수업중에 직접판매용 필요합니다. 조너선 sanlight 리즈한테 때문에 id 속성을 통해 직접 차고, 이전 요청을 한 붉은 셔츠 있으리라이에 녹색 셔츠와 도외시하는 것 "이라고 주장했다.

더 구체적인 선택기를 했다.

Sampson
편집된 답변1일 1월 2014 в 5:41
해설 (4)

대對 id 를 사용할 수 있는 클래스

단순 차이를 둘 다 사용할 수 있는 반면 클래스 페이지에서 사용된 호출이네요 한 번씩 반복해서 id 를 이벤트여야만 합니다 따라서 적절한 div ID 를 사용하여 페이지의 마크업하는 요소에 기본 내용 등 주요 내용이 이벤트여야만) 에는 한 부분. 반면 클래스를 사용할 합니다 [행 색계열 테이블을 설정할 수 있기 때문에, 정의에 의해 여러 번 사용할 수 없을 것입니다.

IDs 는 매우 강력한 목석같은놈. Id 가 표적이 될 수 있는 요소를 블렌드합니다 JavaScript 를 조작하여 내용을 요소이거나 어떤 식으로든. Id 특성은 대상으로 내부 링크를 사용할 수 있는 교체하십니까 앵커 주기표시 이름 속성. 마지막으로, 침입탐지시스템 (ids), 논리적, 그들이 원하는 대로 경우 선택해제합니다 일종의 "자체 문서" 가 문서 내에서 역할을 할 수 있습니다. 예를 들어, 셀명 추가해야 할 필요는 없습니다 전에 없다는 기본 내용이 포함될 경우 오프닝 블록이어야 코드 블록 (block 은 id 태그를 ";;;; footer&quot &quot header&quot &quot main&quot, 예를 들어, 등.

해설 (0)

Id 가 전체 페이지를 에서 고유해야 합니다.

많은 요소를 클래스 적용될 수 있습니다.

가끔 좋은 방법이 it& # 39 의 id 를 사용합니다.

보통 한 페이지 안에 전날에약혼자에게 바닥글을 원-부트 헤더입니다.

그런 다음 바닥글에 붙여넣습니다 div id 가 될 수 있습니다.

&gt. div id = &quot footer&quot &amp, lt;;; class = &quot .&quot & gt;;;

그리고 아직 클래스

해설 (0)

클래스 a 사용되도록 할 여러 요소에 대해 동일한 스타일. ID 위한 것이어야 있는 고유한 요소. 이 슬라이드에서는 자습서는.

참조해야 합니다 W3C 표준, 또는 스케쳐내 원하는걸까요 경우 엄격한 순응적인 페이지에 스크램블된 검증됨 을 발표합니다.

해설 (0)

CSS 는 객체 지향. ID, 클래스 인스턴스 클래스용 있다고 말했습니다.

Al Lelopath
편집된 답변12일 6월 2014 в 4:36
해설 (0)

Id 고유하도록. # 39, aren& 클래스뿐만 없다. 여러 클래스뿐만 요소를 가질 수도 있습니다. 또한 클래스뿐만 무중단으로 요소를 추가하고 제거할 수 있습니다.

어디든요 id 를 사용할 수 있는 클래스 대신 사용할 수 있습니다. 역동기화에 성립하지 않는다.

이 협약에 대한 id 를 사용할 수 있는 것 같다고 페이지 요소를 모든 페이지 (그것을비유하사 &quot navbar"; 또는 &quot menu";) 하지만 이것은 단지 다른 모든 규칙을 따르고, ll, 클래스를 찾기 위한 다양한 변화를 you& # 39 라고 발언했다.

다른 한 차이점은 ',' 요소 요소에 대한 폼 입력 필드를 참조입니다 label&gt &lt, ID 로 사용해야 할 경우, 그래서 ',' re going, label&gt &lt you& # 39 를 사용할 수 있습니다. &lt label>; 이 일을 정말 액세서빌러티를 백업이었습니다 사용해야 합니다.

39 년) 에 의해 쉽게 접근할 수 있기 때문에 이 또한 다 기본 they& Javascript 에서 침입탐지시스템 (ids), re (게테르망베이드). Jquery 는 이제 꽤 많은 비 문제 및 기타 Javascript 프레임워크와도 등장으로 이 있다.

해설 (0)

클래스는 그것을비유하사 범주입니다. 수 많은 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>

이 예에서 헤더나 컨텐트입니다 단면에는 통해 컨텐트입니다. # # 헤더나 유형화된 수 있습니다. 각 부분의 내용을 통해 공통 스타일을 적용할 수 있는 컨텐츠 # 스체티언스 신께서 팔코니를 굽어 살피시겠지만, 내가 추가한 &quot special"; class 를 중간 부분. 예를 들어, 당신이 원하는 특정 부분에 투명지에 특별 위원회. 하지만 여전히 이 부분에 있는 달성할 수 있는 일반적인 시켜버리므로 스체티언스 충스러웠으니 # 컨텐트입니다 상속됩니다 오스피시알 클래스

일반적으로 사용하는 액세스하려면 조작할 때 JavaScript 를 개발, 내가 나는한다 또는 CSS / HTML 요소, 쉐퍼드도 매우 특정한 클래스를 사용할 수 있는 다양한 요소를 시켜버리므로 액세스하려면 / 적용하십시오.

해설 (0)

실제로 조건부 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

Peter Mortensen
편집된 답변13일 9월 2016 в 7:48
해설 (0)

Css 를 적용할 때 적용하십시오 redhat. 클래스와 id 를 할 수 있는 한 최대한 피하는 것이 좋습니다. ID 를 가져올 수 있는 모든 이벤트 바인딩하면 요소이거나 JavaScript 사용해야 합니다.

Css 적용하십시오 클래스뿐만 사용해야 합니다.

이벤트 클래스를 사용하여 바인딩하면 가지고 있는 경우도 있습니다. 이런 경우, CSS 및 추가 적용하기 위한 것이 아니라 새로운 클래스가 있는 시도하시겠습니까 클래스뿐만 피하기 위해 사용되고 있는 doesn& # 39, CSS .해당 없다. 이렇게 하면 따라오렴 변경해야 할 때 도움이 될 수 있는 모든 요소를 다 같이 클래스 또는 변경하십시오 CSS 의 CSS 클래스 이름.

Peter Mortensen
편집된 답변13일 9월 2016 в 7:49
해설 (1)

할 수 있는 모든 요소를 클래스 호스트였든 id.

클래스는 특정 종류의 참조할 때 사용되는 디스플레이, 예를 들어 이 질문의 답을 나타내는 div class 의 css 를 가질 수 있다. 답을 필요로 하는 등, 여러 개의 div 와 같은 스타일을 많을 전망이다 클래스를 사용할 수 있습니다.

Isd 는 오직 하나의 요소가 있을 수 없는 것은, 예를 들어, 오른쪽 재사용할 수 있는 곳으로, it 관련 섹선에서 관련 스타일링을 id 를 사용하게 된다.

기술적으로 이 모든 것이 논리적으로 또는 분리-정합성 구축한 클래스를 사용할 수 있습니다. 그러나 여러 요소를 # 39 의 id& 재사용합니다 수 없습니다.

해설 (0)

클래스는 그룹에 대한 자신만의 스타일을 적용하기 위한 요소. ID 시켜버리므로 적용하십시오 단순히 해당 ID 의 요소 (하나만 있어야 합니다.) 일반적으로, # 39 의 단일 신앙이니라 there& 클래스를 사용할 수 있습니다 (스피커에만 스틱 스타일 직선입니다 꽂으십시오 요소) 를 사용할 수 있습니다.

Adam A
편집된 답변12일 3월 2014 в 6:40
해설 (0)
    • Id* JavaScript 를 사용할 수 있는 고급 개발 기본적으로 우리는.
        • 어떤 제품을 위한 목적으로 하는 반복시킬 classe 따라오렴 달리 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 다른 두 가지 요소를 할 수 없다', ', &lt div&gt 적용하십시오 배경색 빨강입니다 클래스를 기입란' 와 '' 둘 다.

이 개념은 상속 ui_policytable_java_spe_policy OOP 욕금지

nyedidikeke
편집된 답변10일 1월 2017 в 11:47
해설 (0)

  1. div id 와 div class 동시에 할 수 없는 하나의 요소가 적용된 HTML 이벤트여야만 여러 요소를 추가할 수 있습니다.

  2. 승인/보류 id 에 적용된 더 중요도입니다 둘 다 동일한 요소 및 서로 충돌하는 시켜버리므로 id 의 스타일이 적용됩니다.

  3. 스타일 요소를 넣어 항상 div class a) 는 다음과 같은 뜻이 있다. 앞에서 언급한 div id 클래스는 (도트) 동안 그들의 이름을 자신의 이름을 앞에 # (해시보다) 하고 있다.

  4. 예:

&gt. '-', '선언, 클래스의 &lt style&gt .red-background {배경색: red; } '

&gt. id '선언' 의 &lt style&gt -;; &gt. '# 파란색 배경을 {배경색: '블루;}

&gt. '&lt div class = &quot red-background";; id = &quot blue-background&quot &gt Hello&lt /div>;;;; ' &gt. 여기 배경 적립율은 파란색으로

해설 (0)