a要素のhref属性の値の文字列からディレクトリ部分を一致させて、それぞれに違うスタイルを割り振る例。

※上記の例ではhref属性の値が「./categoryA/hoge.html」こんな感じになっているので問題ないのだけれども、もしかしたら「./categoryB/categoryA.html」(文字列「categoryA」と文字列「categoryB」が両方含まれる)なんて値が入るかもしれないので、a[href*="categoryA"]　の　"categoryA"　部分は「"/categoryA/"」とか「"categoryA/"」とかいう風にしておいた方が無難だと思います。

このサンプルのCSS

a[href*="categoryA"],
a[href*="categoryB"],
a[href*="categoryC"]{
	padding:0 0 0 65px;
	}
a[href*="categoryA"]{background:url(img/icon_01.png) no-repeat left center;}
a[href*="categoryB"]{background:url(img/icon_02.png) no-repeat left center;}
a[href*="categoryC"]{background:url(img/icon_03.png) no-repeat left center;}

このサンプルのHTML

<ul>
<li><a href="./categoryA/hoge.html">更新情報1(カテゴリA)</a></li>
<li><a href="./categoryB/hoge.html">更新情報2(カテゴリB)</a></li>
<li><a href="./categoryC/hoge.html">更新情報3(カテゴリC)</a></li>
<li><a href="./categoryA/hoge.html">更新情報4(カテゴリA)</a></li>
<li><a href="./categoryC/hoge.html">更新情報5(カテゴリC)</a></li>
<li><a href="./categoryB/hoge.html">更新情報6(カテゴリB)</a></li>
<li><a href="./categoryC/hoge.html">更新情報7(カテゴリC)</a></li>
<li><a href="./categoryB/hoge.html">更新情報8(カテゴリB)</a></li>
<li><a href="./categoryA/hoge.html">更新情報9(カテゴリA)</a></li>
<li><a href="./categoryA/hoge.html">更新情報10(カテゴリA)</a></li>
</ul>