Latest web development tutorials

CSS id와 class 선택기

id와 class 선택기

당신이 HTML 요소에 CSS 스타일을 설정하려면, 당신은 "아이디"와 "클래스"선택 요소를 설정해야합니다.


ID 선택

아이디 선택이 HTML 요소의 특정 ID로 표시 될 수있다 특정 스타일을 지정합니다.

아이디와 HTML 요소 정의 "#"을 설정 ID 선택기, CSS의 ID 선택 속성.

다음 규칙은 ID = "para1을"속성 스타일 요소에 적용

#para1
{
text-align:center;
color:red;
}

»시도

말 ID 속성이 숫자로 시작하지 않는, 처음에 ID 번호는 모질라 / 파이어 폭스 브라우저에서 작동하지 않습니다.


클래스 선택

스타일 클래스 선택기 엘리먼트 ID 셀렉터 달리 클래스 선택들의 그룹을 설명하는 데 사용되는, 클래스는 하나 이상의 요소에 사용될 수있다.

HTML 클래스 속성의 클래스 선택기 표시되는 포인트 번호에 CSS 클래스 선택기에 표시하기 위해 "". :

다음 예에서, 모든 HTML 요소와 같은 센터가 집중되어있다.

.center {text-align:center;}

»시도

또한 특정 HTML 요소 클래스를 사용하여 지정할 수 있습니다.

다음의 예에서, P의 요소들은 모두 중심 요소의 텍스트되도록 클래스 = "중심"을 사용

p.center {text-align:center;}

»시도

말 첫 번째 문자 클래스 이름은 디지털 사용할 수 없습니다! 그것은 모질라 나 파이어 폭스와 함께 작동하지 않을 수 있습니다.