PDA

View Full Version : جلو گیری از اعمال شدن خواص سی اس اس روی همه ی لینک ها



setareh2013
چهارشنبه 17 اردیبهشت 1393, 12:32 عصر
با سلام
من داخل فایل css کد های زیر رو تعریف کردم :
<html> a

{


text-decoration:none;


width:190px;


height:50px;


display:block;

}

a:hover

{


background:blue;


color:White;

}
</html>
مشکل اینه که من فقط میخوام روی یک سری لینک ها عمل کنه . مثلا روی دکمه های لینک باتن نمی خوام این ها اعمال بشه ولی اعمال میشه .
کسی می تونه راهنماییم کنه ؟

r4hgozar
چهارشنبه 17 اردیبهشت 1393, 13:29 عصر
سلام.


خوب شما راه حل های زیادی داری برای این کار.
یکیش رو مینویسم.
شما فرض کن می خوای این خصوصیات روی a هایی قرار بگیره که در دایو یا td قرار دارن که id اون مساوی با div1
به صورت زیر می نویسی.




# div1 a
{




text-decoration:none;




width:190px;




height:50px;




display:block;
{


#div1 a:hover


}




background:blue;




color:White;


{

siamat
چهارشنبه 17 اردیبهشت 1393, 18:39 عصر
یه راه حل خیلی راحت اینه که شما مقابل اون از !important استفاده کنی یعنی به طور مثال

div1 a{color:red !important;}

ولی همیشه به یاد داشته باشید که بهترین روش برای تعریف خصوصیات css مجزا کردن بر اساس مبنی است


<div id=div1>
<a href="#">برو بالا</a>
</div>
<div id=div2<
<a href="#"<بروپایین</a>
</div>

خاصیت بالا فقط بر روی اولی اعمال می شود