English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
attribute로 명명된 속성을 가진 요소를 나타내며, 속성 값은 "value"이거나 "value"으로 시작합니다.-”는 접두사("")로 사용됩니다.-"은 연결 기호로, Unicode编码은 U입니다.+002D) 시작. 유형적인 사용 시나리오는 언어 약자 코드(예: zh)를 매칭하는 데 사용됩니다.-CN, zh-TW는 zh로 value를 사용할 수 있습니다).
lang 속성 값이 "en"으로 시작하는 요소를 선택하고 스타일을 설정합니다:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
<style>
[lang|=en]
{
background:yellow;
}
</style>
</head>
<body>
<p lang="en">Hello!/p>
<p lang="en-us">Hi!/p>
<p lang="en-gb">Ello!/p>
<p lang="us">Hi!/p>
<p lang="no">Hei!/p>
<p><b>주의:/b>もし [[i>attribute</i>~=<i>value</i>] IE8 그리고 이전 버전에서 작동합니다. DOCTYPE는 필수로 선언되어야 합니다.</p>
</body>
</html>테스트 보기 ‹/›[attribute|=value] 선택자는 특정 값으로 시작하는 속성 값의 요소를 선택합니다.
주의:이 값은 전체 단어이며, lang="en"와 같이 단독으로 사용되거나 연결된 경우도 있습니다. - 와 같이 lang=en-us 모두 가능합니다.
IEFirefoxOperaChromeSafari
모든 주요 브라우저가 [attribute|=value] 선택자.
주의: [attribute|=value] IE8중에서 실행되어야 합니다, 선언되어야 합니다<!DOCTYPE>
CSS 교육: CSS 속성 선택자
class 속성을 top으로 시작하는 모든 요소를 선택하고 빨간색으로 설정하세요:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
<style>
[class|=top]
{
background:red;
color:white;
}
</style>
</head>
<body>
<h1 class="top-header">Welcome</h1>
<p class="top-text">Hello world!</p>
<p class="content">Are you learning CSS?</p>
</body>
</html>테스트 보기 ‹/›