Home > 属性セレクタ

属性セレクタ

  • Last Modified: 2008年11月 6日 23:01

属性セレクタ

[att^=val]

att 属性の値が val という文字列で始まる要素に対してスタイルを適用します。

[att$=val]

att 属性の値が val という文字列で終わる要素に対してスタイルを適用します。

XHTML

<ul>
  <li><a href="/works/2008/wsdbook/sample/appendix/4/">Appendix4.</a></li>
  <li><a href="mailto:info[at]lh3.jp">mailto:info[at]lh3.jp</a></li>
  <li><a href="/files/images/2008/xhtml_css.pdf">xhtml_css.pdf</a></li>
</ul>

CSS

a[href^="mailto:"] {
	padding-right: 20px;
	background: transparent url("/files/images/2008/mail_icon.gif") center right no-repeat;
}

a[href$=".pdf"] {
	padding-right: 20px;
	background: transparent url("/files/images/2008/pdf_icon.gif") center right no-repeat;
}

Home > 属性セレクタ

Tag Cloud
Categories
Archives
Search
Feeds
  • Feed by feedburner.jp

Return to page top