> For the complete documentation index, see [llms.txt](https://shhn0509.gitbook.io/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shhn0509.gitbook.io/html-and-css/css-2/css-1/undefined/undefined-1.md). # 속성 선택자 > CSS 속성 선택자 , CSS 선택자 ## CSS 속성 선택자 ### **자식 선택자 q > img { ... }** * 직계 자식만 포함, 손주는 포함 하지 않는다. #### 예시 ```markup ``` ### **속성 선택자** div \[id] { ... } * `*[] { ... }` : \*요소가 \[] 속성값을 가지고 있다면. * 연속해서 사용 가능 \[], \[] 두 가지 속성을 모두 갖고 있다. * \[] 앞에는 생략 가능 ```markup div [id] { ... } ex)
... p [class="note"] { ... } ex)

... abbr [title~="mobile"] { ... } ex) ... img [ait|="love"] { ... } ex) love-you area [shape][title] { ... }

``` ### **고급 속성 선택자** * `<^>`: 해당 문자로 시작하는 것을 찾는다. * `<$>`: 해당 문자로 끝나는 것을 찾는다 * `<*>`: 어디에 있던지 문자를 포함하고 있는 것을 모두 찾는다. * 예시 ```markup a [href^="http://"] ex) ... a [href$=".psd"] ex) ... abbr [title*="css"] ex) htmlcssjavascript ```