목차

CSS [attribute*=value] Selector

  • description : CSS [attribute*=value] Selector
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-07-06 Tue


The source of this article

CSS [attribute*=value] Selector

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>

, , ,