آموزش ویژگی شناساندن attribute در CSS3

آموزش ویژگی شناساندن attribute در CSS3

طراحان وب قطعا نام CSS3 را زیاد شنیده اند، با ورود CSS3 به وب، انقلابی در طراحی وبسایت به وجود آمد، به صورتی که می توان در بسیاری از قسمت ها، ویژگی های CSS3 را به جای JQuery استفاده کرد. امروز در پاورکد قصد داریم شما را با یکی از این ویژگی ها آشنا کنیم.

در CSS3 این امکان قرار داده شده که کدهای مورد نظر را به یک Attribute خاص از HTML نسبت دهیم. فرض کنید یک تصویر داریم، که برای آن قسمت alt را برابر “tasvir” قرار داده ایم. حال اگر بخواهیم به این تصویر یک حاشیه اعمال کنیم، چه راهی در نظر دارید؟

راهی که با CSS نسخه های قبل به نظر می رسد این است که به آن یک ID دهیم و با استفاده از آن این دستور را اعمال کنیم. اما در CSS3 امکان شناساندن attribute ها به CSS فراهم شده. اگر می توانید زیر را وارد کنید:

img[alt=tasvir] {border:1px groove #FF0000;}

با این روش مقدار border تنها برای تصویری که مقدار Alt برابر tasvir را دارد اعمال می شود!

به اشتراک بگذارید

نظر دهید

support