Bu derste parent-child ilişkisini öğrenip sayfa içerisindeki her etiketin nasıl seçilecebileceğini öğreneceksiniz.
Kursa 27.99 TL'ye kayıt olmak için TIKLAYINIZ.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<style>
.takimlar1{
color:red;
background:blue;
font-size: 30px;
}
.takimlar1 h2{
color:green;
}
.takimlar1 p{
color:white;
background:red;
}
.takimlar1 p em{
color:blueviolet;
}
#takimlar2 p{
color:red;
}
#takimlar2 h2{
text-align: center;
}
</style>
</head>
<body>
<div>
<div class="takimlar1">
<h2>Takımlar</h2>
<p> <em>Avrupa</em> Galatasaray</p>
</div>
<div id="takimlar2">
<h2>Takımlar 2</h2>
<p>Galatasaray</p>
</div>
</div>
</body>
</html>