alireza_s_84
دوشنبه 13 اردیبهشت 1389, 17:33 عصر
سلام آقا علیرضا ببینید من الان تا این صفحه
(http://www.w3schools.com/css/css_pseudo_classes.asp)
رسیدم و یه جورایی نمی دونم <p> و <i> چی هستند و چه ربطی به هم دارند؟ که گمونم به همون اولین فرزند ربط داره بی زحمت یه راهنمایی بکنید:متفکر::تشویق:
سلام اولین تبریک میگم که داری اصولی یاد میگیری و اما پاسخ شما:
شما ببینید یک استایلی تعریف شده به شکل زیر:
<style type="text/css">
p > i:first-child
{
font-weight:bold;
}
</style>
که معنی اون میشه انتخاب اولین فرزندی که نوعش تگ i و درون تگ p باشه.
تگ i متن رو بصورت کج یا همون ایتالیک نشون میده و تگ p هم که یک پاراگراف به ما نشون میده.
حالا توی سندی که تعریف کرده:
<html>
<head>
<style type="text/css">
p > i:first-child
{
font-weight:bold;
}
</style>
</head>
<body>
<p>I am a <i>*strong*</i> man. I am a <i>strong</i> man.</p>
<p>I am a <i>*strong*</i> man. I am a <i>strong</i> man.</p>
</body>
</html>
در اینجا فقط *strong* به رنگ آبی درمیاد و تگ i دومی توی همون پاراگراف رو شامل نمیشه.
اما استایل بعدی همه ی تگهای i رو فقط توی اولین فرزند تگ p انتخاب میکنه و به رنگ آبی نشون میده:
<html>
<head>
<style type="text/css">
p:first-child i
{
color:blue;
}
</style>
</head>
<body>
*<p>I am a <i>strong</i> man. I am a <i>strong</i> man.</p>*
<p>I am a <i>strong</i> man. I am a <i>strong</i> man.</p>
</body>
</html>
یعنی خطی که ابتدا و انتهاش رو با * مشخص کردم رو هرچی تگ i توش باشه به رنگ آبی درمیاره.
امیدوارم متوجه شده باشی
بازم سوالی بود در خدمت هستم.