CSS BİRLEŞİK SEÇİCİ PRATİĞİ

CSS SEÇİCİ PRATİĞİ

Verilen HTML kodlara göre, aşağıda istenen css özellik atamalarını birleşik seçicileri kullanarak yapınız..

<div id="wrapper">

		<div class="left">
			<p> Paragraf 1 </p>
			<p> Paragraf 2 </p>
			<span> Span 1 </span>
			<span> Span 2 </span>
		</div>

 		<p class="p3"> Paragraf 3 </p>
		<main class="center"> 
			<p> Paragraf 4 </p>
			<small> small 1 </small>
			<span> span 3 </span>
		</main>
		<h3> BAŞLIK 1 </h3>		
		<div class="right"> 
			<p> Paragraf 5 </p>
			<h4> Başlık 2</h4>
			<p> Paragraf 6 </p> 
		</div>
		<h4> Başlık 2 </h4>

</div>

İSTENEN SEÇİCİ ve CSS ÖZELLKLERİ

1 Wrapper içindeki divlere aşağıdaki özellikleri uygulayın..

50% genişlik
100px yükseklik
orange arka plan

2 .center class'ının çocuklarına kırmızı renk verin..

3 Paragraf 2 ' nin ilk span kardeşine 30px yazı boyutu verin..

4 Paragraf 4'in sadece .center içindeki ilk span kardeşine mavi renk verin..

5 P etiketlerinin sayfadaki tüm span kardeşlerine yazı gölgesi ekleyin..

Css temel seçici ve birleşik seçicilerle ilgili bilgilere aşağıdaki içeriklerden ulaşabilirsiniz..

CSS TEMEL SEÇİCİLER CSS BİRLEŞİK SEÇİCİLER

CEVAP CSS

/* 1 */
	#wrapper div {
		width:50%;
		height: 100px;
		background-color: orange; 
	}

	/* 2 */
	.center>* {
		color:red;
	}

	/* 3 */
	.left p+span {
		font-size:30px;
	}

	/* 4 */
	.center p+span {
		color:blue;
	}

	/* 5 */
	p~* {
		text-shadow:2px 2px 3px #000;
	}