دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش CSS » فیلم آموزش CSS – معرفی Attribute Selector در CSS
فیلم آموزش CSS - معرفی Attribute Selector در CSS

فیلم آموزش CSS – معرفی Attribute Selector در CSS

در این جلسه از فیلم آموزش CSS نحوه استایل دهی به صفت ها یا Attribute Selector را آموزش خواهیم داد ، یعنی این که صفت هایی که در HTML به عناصر ( تگ ها ) داده می شود می توان براساس اون صفت ها در CSS به تگ ها استایل داد .

Attribute Selector :

همان طور که در پاراگراف اول بهتون گفتم از  Attribute Selector برای استایل دادن به صفت های HTML استفاده می شود ، برای این کار اول اون صفت هایی که در HTML هستن مثلاً Class یا Id رو انتخاب می کنیم و در CSS به صورت زیر استایل می دهیم :

کد HTML

کد CSS :

خب بریم سراغ کد های بالا ، برای استفاده از Attribute Selector در CSS اول اسم تگ مورد نظر را می نویسیم مثلاً  div بعد بدون این که فاصله ای بزنید از کروشه باز و بسته استفاده کنید [ ] حالا داخل این کروشه اول اسم اون صفت مورد نظر رو بنویسید مثلاً   id بعد علامت مساوی را قرار دهید حالا می تونید داخل تک کوتیشن یا دابل کوتیشن مقدار صفت را بنویسید مثلاً مقدار آی دی در کد های بالا برابر web30ty بود .

پس همون طور که می بینید می تونیم براساس صفت های HTML هم به اون ها استایل بدیم حالا اگه می خواید به همه صفت هایی که به فاصله از هم جدا شده اند می تونید مانند زیر استایل بدید :

کد HTML :

کد CSS :

کارهای زیادی هم میشه با این Attribute Selector انجام داد مثلاً به صفت هایی استایل بدیم که مثلاً که حرف t را دارند ، همه این ها در فیلم آموزشی توضیح داده شده است .

فیلم آموزش CSS را می تونید از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *