属性値によってスタイルを書き分ける

Style rule

<a href="http://www.tenman.info" rel="attachment negative">rel attachment</a> 
<a href="http://www.tenman.info" rel="negative">no contain rel attachment</a> 
a[rel~="attachment"]{
	color:red;
} 

~=は、複数の値の中の 一つの属性値が一致する場合にスタイルを指定するという意味
属性セレクタ 参照

exapmle

rel attachment
no contain rel attachment

Css3 Selectors


新着記事

コメントは受け付けていません。