CSS Sözdizimi - Class Seçici ile HTML Elementine Erişmek

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
p{
  margin:10px;
 border:1px solid #000000;
}
.detay {
    text-align: center;
    color: red;
    background-color:yellow;   
} 
</style>
</head>
<body>

<p>paragraf 1 </p>
<p class="detay">paragraf 2 </p>
<p>paragraf 3 </p>
<p class="detay">paragraf 4 </p>

</body>
</html>