CSS 괄호 란 무엇입니까?

css 대괄호는 속성 선택기입니다. 특정 속성이 있는 HTML 요소 스타일은 클래스 및 ID가 아니며 IE7 및 IE8은 속성 선택기를 지원하기 위해 "!DOCTYPE"을 선언해야 하지만 IE6 이하 버전은 속성 선택을 지원하지 않습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

추천: css 동영상 튜토리얼

CSS 괄호란 무엇인가요?

css 대괄호는 속성 선택자입니다.

클래스와 ID 이외의 특정 속성을 사용하여 HTML 요소의 스타일을 지정하세요.

참고: IE7 및 IE8은 DOCTYPE만 속성 선택기를 지원해야 합니다! IE6 이하 버전에서는 속성 선택기를 지원하지 않습니다.

속성 선택기

다음 예에서는 제목이 포함된 모든 요소를 ​​파란색으로 변경합니다.

Example

[title]
{
    color:blue;
}

속성과 값 선택기

다음 예에서는 제목 title='runoob' 요소 테두리 스타일을 변경합니다.

예

[title=htmlcn]
{
    border:5px solid green;
}

속성 및 값 선택기 ​​- 다중 값

다음은 속성과 값을 구분하기 위해 (~)를 사용하여 지정된 값이 있는 제목 속성을 포함하는 요소 스타일의 예입니다.

예

[title~=hello] { color:blue; }

여기 지정된 값이 있는 lang 속성을 포함하는 요소 스타일의 예입니다. (|)를 사용하여 속성과 값을 구분합니다.

Instance

[lang|=en] { color:blue; }

Form style

클래스 또는 ID 형식을 사용하지 않는 속성 선택기 스타일:

Instance

input[type="text"]
{
    width:150px;
    display:block;
    margin-bottom:10px;
    background-color:yellow;
}
input[type="button"]
{
    width:120px;
    margin-left:35px;
    display:block;
}

위 내용은 CSS 괄호 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!