فیلتر کردن سلکتور css

[fr_sdgh]

میخوام دایو هایی که تگ i درش قرار داره رو انتخاب کنم. چه روش های هست؟



<div id="slide">
<div>
<div>
<i class="fa fa-university"></i>
</div>
</div>
<div>
<div>
<i class="fa fa-university"></i>
</div>
</div>
<div>
<div>
<i class="fa fa-university"></i>
</div>
</div>
</div>

[fr_sdgh]

و چرا بهش height میدم تاثیری نداره (تگ i شامل فونت آیکن هست)



#slide > div div {
color:white;
font-size: 135px;
height: 100px;
}

[mohammad425]

اینجوری میتونی i هارو انتخاب کنی:

div i

برای height دادن بهش اول float بده

[2undercover]

فعلا چنین امکانی برای انتخاب تگ والد وجود نداره.

تگ i به صورت inline نمایش داده میشه و نمی تونید بهش ابعاد بدید برای این کار از باید خاصیت display رو inline-block قرار بدید.

[fr_sdgh]

ببنید https://jsfiddle.net/raudyw92/

چرا اون دوتا بکگرانشون زرد میشه؟
تصویر jpg هست؛ نمیدونم چرا زیر تصویر یه خورده حالت padding گرفته!!! مهم نیست البته

[2undercover]

اون انتخاب گر مربوط به پس زمینه رو بد به کار بردید، به این شکل تغییرش بدید:
div#slide > div:first-child تا دقیقا همون تگ div که در یک مرحله پایین تر قرار داره انتخاب بشه نه هر دو تگ که زیر مجموعه هم هستند.

[Mr.Robot666]

میخوام تصویر بصورت افقی هم، وسط دایو قرمز قرار بگیره
https://jsfiddle.net/raudyw92/1/

[Mr.Robot666]

http://front-end.ir/ui/how-to-center-a-box-with-css/

عالی بود