CSS Soru-devamını oku

Arkadaşlar bir wordpress temasında şu linkteki gibi devamını oku kısmı yapacağım.Bunun için cssde a:hover ı kullanmak zorundayım.En aşağıdaki gibi yerleştiriyorum.Yine en aşağıdaki gibi css kodlarken a:hoverı nasıl tanımlarım ?
Yani normalde;

#deneme {
}
#deneme a:hover {
}

bu şekilde yapıyorken,aşağıdaki gibi kodlarken yani <p style=" derken nası a:hover tanımlarım.Yada yukarıda verdiğim linkteki gibi devamını oku nasıl yapabilirim ?

<p style="background:#F6F6F6 url(http://www.autocadhocasi.com/wp-content/themes/azpismis/img/devam.png) no-repeat left center; padding-left:28px; padding-top:5px; padding-bottom:5px; margin-bottom:2px; margin-left:1px; color:#225588; font-size:11px; font-weight:bold;">

eğer doğru anladıysam şöyle olmalı:
CSS

.devaminiOku{
	background:#F6F6F6 url(http://www.autocadhocasi.com/wp-content/themes/azpismis/img/devam.png) no-repeat left center;
	padding:5px 0 5px 28px;
	margin:0 0 2px 1px;
	color:#225588;
	font-size:11px;
	font-weight:bold
}
.devaminiOku a:hover{
	falan:filan;
}

HTML

<p class="devaminiOku"><a href="#">devamini oku</a></p>

eğer p taginin arkaplan rengini değiştirmek istiyorsanız o zaman şöyle yapmalısınız.

.devaminiOku:hover{
background-color:#falan;
}

Teşekkürler,böyle yapıyorum ama olmuyor.Benim bahsettigim şu:
mesela;
<p style"border:1px;"></p>
bu şekilde yaparken üstteki kodlarda a:hover ı ne şekilde yazabiliriz ? Nereye yazabilirz?

html'in style tag'ine :hover atamayazsınız.

Aşağıda ki şekilde yapabilirsiniz fakat bu seçim, sayfada ki tüm linklerde geçerli olur.
<p><style type="text/css">a:hover{background:yellow}</style><a href="#">devamını oku<a/></p>

Bir önce ki mesajımda yazdığım, yöntem kullanılmalıdır. ki zaten işin kuralıda odur.

Css sınıfını p etiketine değil a etiketine atamalısınız.

<a class="devami" href="#">Devamı için tıklayın</a>

Css kodu ise şu şekilde olmalı.

.devami {
	background-color:#d5d5d5;
	display:block;
}
.devami:hover {
	background-color:#dcdcdc;
}