93-6-15، 02:03 صبح
(93-6-15، 01:53 صبح)happyman نوشته است: سلام
این تیکه رو نفهمیدم
شامل کلاس head هم بودن اون رو در نظر نگیره. مثلا اگه اولین دیو کلاس head داشته باشه اون در نظر گرفته نمیشه و فقط دیو های 3 و 5 انتخاب میشن.
با کد اچ تی ام ال توضیح بدید لطفا
این کد رو تست کنید. اگه دقت کنید روی گزینه های فرد سه و پنج که میرید سبز سبز میشه. با اینکه اولین گزینه هم فرد هست ولی چون کلاس هید داره سبز نمیشه...
کد:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.row { font-weight: bold }
.div1 #div2 .row:nth-child(odd):not(.head):hover { color: green; cursor: pointer }
</style>
</head>
<body>
<div class='div1'>
<ul id='div2'>
<li class="head row">اولین گزینه با کلاس هید</li>
<li class="row">دومین گزینه</li>
<li class="row">سومین گزینه</li>
<li class="row">چهارمین گزینه</li>
<li class="row">پنجمین گزینه</li>
<li class="row">ششمین گزینه</li>
</ul>
</div>
</body>
</html>
کدنویسی رایگان کدهای پیشرفته جاوا اسکریپت :: پ.خ