PDA

View Full Version : عملگرها در سی اس اس



نیکناز
جمعه 16 فروردین 1392, 22:20 عصر
سلام
دوستان من یه سری سی اس اس تو نت پیدا کردم
یه سری عملگرمثل * و ~ در سی اس اس ها استفاده میشه
تو نت سرچ کردم ولی نمیدونم چرا صفحه ای پیدا نکردم که درباره عملگرها در css3 صحبت کنه
این 2 عملگر که من بالا گفتم چیکار میکنن؟
این خط سی اس اس به چی اشاره داره؟

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}

saeed31641
جمعه 16 فروردین 1392, 23:37 عصر
دوست عزیز سوالتو کامل بنویس تا دوستان متوجه بشند


<div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Tab Two</label> <div class="content">more stuff</label></div> </div
[type=radio]:checked ~ label ~ .content { z-index: 1; }



اینم جواب شما :
http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

amirsajjadi
جمعه 16 فروردین 1392, 23:58 عصر
اینا عملگر نیستند بلکه سلکتورهای انتخاب فرزند هستند.
* یعنی تمام تگ های زیرمجموعه تگ جاری.
~ یعنی فقط تگ های تگ جاری نه تگ های فرزندان فرزند.
+ یعنی تگ بعد از تگ جاری.
< یعنی تمام تگ های بعد از تگ جاری که در نسخه CSS3 وجود داره.

کدی که شما نوشتید یعنی :
تمام کلاس contentهای بعد از تگ لیبلی که بعد از تمام رادیو باتون هایی که انتخاب شده اند وجود دارند :گیج:

نیکناز
شنبه 17 فروردین 1392, 22:56 عصر
[QUOTE=amirsajjadi;1737506]اینا عملگر نیستند بلکه سلکتورهای انتخاب فرزند هستند.
* یعنی تمام تگ های زیرمجموعه تگ جاری.
~ یعنی فقط تگ های تگ جاری نه تگ های فرزندان فرزند.
+ یعنی تگ بعد از تگ جاری.
~ یعنی تمام تگ های بعد از تگ جاری که در نسخه CSS3 وجود داره.

ممنون دوست عزیزم
~ خط 3 با 5 چه فرقی داره؟
مرسی مرسی مرسی :لبخندساده:

amirsajjadi
شنبه 17 فروردین 1392, 23:51 عصر
ممنون دوست عزیزم
~ خط 3 با 5 چه فرقی داره؟
مرسی مرسی مرسی :لبخندساده:


پست بالا رو ویرایش کردم.