wiki:css:css_note:css_attr_selectors
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판
이전 판
다음 판
|
이전 판
|
wiki:css:css_note:css_attr_selectors [2021/03/31 15:37] emblim98 |
wiki:css:css_note:css_attr_selectors [2023/01/13 18:44] (현재) |
=====All CSS Attribute Selectors===== | =====All CSS Attribute Selectors===== |
| Selector | Example | Example description | | | Selector | Example | Example description | |
^ [attribute] ^ [target] ^ target 속성을 가진 모든 요소를 선택합니다. ^ | ^ %%[attribute]%% ^ %%[target]%% ^ %%target%% 속성을 가진 모든 요소를 선택합니다. ^ |
| [attribute=value] | [target=_blank] | target="_blank" 속성을 가진 모든 요소를 선택합니다. | | | %%[attribute=value]%% | %%[target=_blank]%% | %%target="_blank"%% 속성을 가진 모든 요소를 선택합니다. | |
^ [attribute~=value] ^ [title~=flower] ^ 단어 "flower"를 포함하는 title 속성을 가진 모든 요소를 선택합니다. ^ | ^ %%[attribute~=value]%% ^ %%[title~=flower]%% ^ 단어 "flower"를 포함하는 %%title%% 속성을 가진 모든 요소를 선택합니다. ^ |
| [attribute|=value] | [lang|=en] | "en"으로 시작하는 lang 속성 값을 가진 모든 요소를 선택합니다. | | | %%[attribute|=value]%% | %%[lang|=en]%% | %%"en"%%으로 시작하는 %%lang%% 속성 값을 가진 모든 요소를 선택합니다. | |
^ [attribute^=value] ^ a[href^="https"] ^ "https"로 시작하는 href 속성값을 가진 모든 <a> 요소를 선택합니다. ^ | ^ %%[attribute^=value]%% ^ %%a[href^="https"]%% ^ %%"https"%%로 시작하는 %%href%% 속성값을 가진 모든 %%<a>%% 요소를 선택합니다. ^ |
| [attribute$=value] | a[href$=".pdf"] | ".pdf"로 끝나는 href 속성값을 가진 모든 <a> 요소를 선택합니다. | | | %%[attribute$=value]%% | %%a[href$=".pdf"]%% | %%".pdf"%%로 끝나는 %%href%% 속성값을 가진 모든 %%<a>%% 요소를 선택합니다. | |
^ [attribute*=value] ^ a[href*="w3schools"] ^ 하위문자열 "w3schools"를 포함하는 href 속성 값을 가진 모든 <a> 요소를 선택합니다. ^ | ^ %%[attribute*=value]%% ^ %%a[href*="w3schools"]%% ^ 하위문자열 %%"w3schools"%%를 포함하는 %%href%% 속성 값을 가진 모든 %%<a>%% 요소를 선택합니다. ^ |
\\ | \\ |
\\ | \\ |
/volume1/web/dokuwiki/data/attic/wiki/css/css_note/css_attr_selectors.1617172633.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)