Սկսնակների սխալը ժառանգների ընտրիչում

Նայեք հետևյալ ընտրիչին.

p.eee {
	color: red;
}

Դուք արդեն պետք է իմանաք, որ այդպիսի ընտրիչը կընտրի eee դաս ունեցող պարբերությունները: Օրինակ, սրանք.

<p class="eee">
	lorem ipsum
</p>
<p class="eee">
	lorem ipsum
</p>

Հիմա նայեք այս ընտրիչին.

p .eee {
	color: green;
}

Այս ընտրիչը տարբերվում է նախորդից նրանով, որ նրա տարի անվան և դասի անվան միջև կա բացատ: Այս բացատը ներկայացնում է ժառանգների ընտրիչ: Այսինքն, այս դեպքում մենք ընտրում ենք բոլոր այն տարրերը, որոնք ունեն eee դաս, և գտնվում են պարբերությունների ներսում: Օրինակ, այս ընտրիչը կընտրի հետևյալ սպանները.

<p>
	lorem <span class="eee">ipsum</span>
</p>
<p>
	lorem <span class="eee">ipsum</span>
</p>

Կոդի կատարման արդյունքը.

Այսպիսով, ևս մեկ անգամ. p.eee - այդպիսի ընտրիչը ընտրում է eee դաս ունեցող պարբերությունները: Իսկ եթե ես անեմ այսպես. p .eee, ապա կընտրեմ բոլոր այն տարրերը, որոնք ունեն eee դաս և գտնվում են պարբերությունների ներսում: Զգացեք այս տարբերությունը:

Պատմեք, թե ինչ է ընտրում ստորև բերված կոդում տրված ընտրիչը: Այնուհետև գրեք HTML կոդ, որը համապատասխանում է այս ընտրիչին: Ահա ընտրիչով կոդը.

p.bbb {
	color: red;
}

p .bbb {
	color: red;
}

.eee p.bbb {
	color: red;
}

.eee p .bbb {
	color: red;
}