wiki:css:css_note:atttibute_value_selector
목차
CSS [attribute*=value] Selector
- description : CSS [attribute*=value] Selector
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-07-06 Tue
The source of this article
Example
“test”를 포함하는 클래스 속성 값이 있는 모든 <div> 요소들에 대한 배경색을 설정합니다.
<style> div[class*="test"] { background: #ffff00; } /* "test"라는 클래스 속성 값을 가지는 모든 div 요소를 선택하여 배경색 적용*/ </style> </head> <body> <div class="first_test">The first div element.</div> <div class="second">The second div element.</div> <div class="test">The third div element.</div> <p class="test">This is some text in a paragraph.</p> </body>
Definition and Usage
[attribute*= value] 셀렉터는 지정된 값을 포함하는 속성을 가진 모든 요소와 일치합니다.
CSS Syntax
attribute *= value{ css declarations; }
More Examples
Example
“test”라는 클래스 속성 값을 가진 모든 요소들에 대해 배경색을 설정합니다.
<style> [class*="test"] { background: #ffff00; } /* "test"라는 클래스 속성 값을 가지는 모든 요소를 선택하여 배경색 적용*/ </style> </head> <body> <div class="first_test">The first div element.</div> <div class="second">The second div element.</div> <div class="test">The third div element.</div> <p class="test">This is some text in a paragraph.</p> </body>
/volume1/web/dokuwiki/data/pages/wiki/css/css_note/atttibute_value_selector.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
