/

#top_link a:nth-of-type(odd){
	background-image:-o-linear-gradient(to bottom,rgb(255,255,255)0%,rgb(204,0,0)30%,rgb(102,0,0)80%,rgb(206,140,105)100%);
	background-image:-webkit-linear-gradient(to bottom,rgb(255,255,255)0%,rgb(204,0,0)30%,rgb(102,0,0)80%,rgb(206,140,105)100%);
	background-image:linear-gradient(to bottom,rgb(255,255,255)0%,rgb(204,0,0)30%,rgb(102,0,0)80%,rgb(206,140,105)100%);
}
#top_link a:nth-of-type(even){/*30%のところの色だけを変えて、オレンジにします。*/
	background-image:-o-linear-gradient(to bottom,rgb(255,255,255)0%,rgb(255,102,51)30%,rgb(102,0,0)80%,rgb(206,140,105)100%);
	background-image:-webkit-linear-gradient(to bottom,rgb(255,255,255)0%,rgb(255,102,51)30%,rgb(102,0,0)80%,rgb(206,140,105)100%);
	background-image:linear-gradient(to bottom,rgb(255,255,255)0%,rgb(255,102,51)30%,rgb(102,0,0)80%,rgb(206,140,105)100%);
}

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

＜属性セレクタ＞

#main a[href*="/articles/"]{
	float:right;
	/*属性セレクタ
	以前、a[属性名]=値　この値を持ったものだけを検索していた。
	CSS３では*をつける事で/articles/を含む値を持ったものに対して適用される。部分一致ができるようになりました。
	該当するもの
	<a href="analyses/articles/article01.htm">
	<a href="analyses/articles/article02.htm">
	<a href="analyses/articles/article03.htm">
	
	前方一致や後方一致もできるようになった。
	a[href$=".pdf"] 全てのPDFファイルに対して適用される。afterを利用して、PDFのアイコンの文字の後ろに
	くっつけようかななどできる。
	*/	
}
#main a[href*="/articles/"]::before{/*擬似要素はコロン2つける*/
	content:"-";/*これは前からあるやつ*/
}
#main a[href*="/articles/"]::after{
	content:"-";/*これは前からあるやつ*/
/*IE8以下は::があると動かない。なので:新しいブラウザは１つのも認めらている。当面はコロン1つだけのほうが安全。でもIE8はすぐなくなるので、仕様どおりに::2つ並べて書くか、2重に並べて書いても良いでしょう。
:befor{}
::befor{}　正しい使用の方を後に書きます。
正しい書き方はコロン2つ*/
}