【CSS】ページID指定する際の注意

by .

シルベラボ　FAQ ページで、QとA　の行に、indent を指定したが、ここをページIDで指定していた。

.page-id-3606 ul li {
	list-style-type: none;
	padding-left: 1em;
	text-indent: -1.5em;
	line-height:1.5em;
	margin-bottom:1em;
}
これだと、トップメニューの子メニュー（ぶら下がりインデント）にも影響がでてしまうため、以下のコードに修正した。 
.page-id-3606 #trademark ul li ,.page-id-3606 #design ul li ,.page-id-3606 #patent ul li {
	list-style-type: none;
	padding-left: 1em;
	text-indent: -1.5em;
	line-height:1.5em;
	margin-bottom:1em;
}
ここを　.page-id-3606 #trademark ul li　とページIDも記述したのは、#trademark 等は、他ページでもIDとして利用しているため、念の為　＆　分かりやすくするために記述してある。