CSS / 前端技術 / 筆記 · 2019-09-26

CSS HTML Attributes 基本屬性

target

套用樣式到有設 target=”_blank” 屬性

/*套用target=""*/
a[target] {
  background-color: yellow;
}

/*單獨針對_blank套用*/
a[target=_blank] {
  background-color: yellow;
}

title

套用樣式到有設 target=”_blank” 屬性

/*套用title=""*/
a[target] {
  background-color: yellow;
}

/*單獨針對title參數套用*/
a[title~=flower] {
  background-color: yellow;
}

class

套用樣式到 class=”name” 相同名稱

/*套用class="top"的樣式*/
[class|="top"] {
	background: yellow;
}

/*套用class只要有top名稱。
ps.例:class="topxxxx",有top名稱也會套用到*/
[class^="top"] {
	background: yellow;
}

/*套用class="xxx-test,xxx_test,xxxtest"的樣式*/
[class$="test"] {
	background: yellow;
}

/*套用class="xxx-test,xxx_test,xxxtest"的樣式*/
[class*="te"] {
	background: yellow;
}