may88seiji
5/30/2017 - 2:54 AM

属性セレクタ http://weboook.blog22.fc2.com/blog-entry-268.html

// E[foo*="bar"]
//(属性の値が指定した文字を含む場合に適用する
a[class*="その"] {
  font-weight:bold;
  color:red;
}

[class*='top-theme_'] {
  padding: 0 20px;
  box-sizing: border-box;
  .pp-tableCell {
    @include bg-cover;
  }
}

//E[foo](特定の属性を持つ要素に適用)
a[class] {
  font-weight:bold;
  color:red;
}

//E[foo="bar"](特定の属性(値)を持つ要素に適用する)
a[class="タイトルその1"] {
  font-weight:bold;
  color:red;
}

//E[foo^="bar"](属性の値が指定した文字で始まる場合に適用する)
a[class^="タイトル"] {
  font-weight:bold;
  color:red;
}


//E[foo$="bar"](属性の値が指定した文字で終わる場合に適用する)
a[class$="タイトル"] {
  font-weight:bold;
  color:red;
}