اطلاعیه

کاربر گرامی

به انجمن برنامه نویسی AnswerCenter.ir خوش آمدید

 برای استفاده از تمامی امکانات سایت لطفا در انجمن عضو شوید


Ermia

حذف استایل از رو یک تگ

7 ارسال در این موضوع قرار دارد

سلام و خسته نباشید، من درحال یادگیری طراحی وب و Html و css هستم. الان داشتم تمرین میکردم یک سوالی برام پیش اومد

چطور میتونم وقتی که به یک تگ توی style.css استایل دادم، توی index یک تگ جدید از همون نوع ایجاد کنم ولی اون استایل روش نیاد؟

برای مثال من برای تگ <a> توی style.css یه استایل تعریف کردم که به لینک ها Hover بده، حالا یه عکس رو لینک دار کردم ولی نمیخوام روش هاور بیاد.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

تو css بجای تگ <a> از id , class استفاده کنید

 

Html:
<a id="A101"></a>


CSS:
#A101 {

}

یا (تگ a با آی دی A101)

Html:
<a id="A101"></a>


CSS:
a#A101 {

}

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

Html:
<a class="msd">link</a>


CSS:
.msd {

}

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

خیلی خیلی از پاسخگوییتون ممنونم ولی متاسفانه برای من کار نرکرد :gerye:

 

این استایل تعریف شده برای a

a{
	color: #1438ff;
	font-size: 18px;
	text-decoration: none;
	font-family: tahoma;
	
}
a:hover {
	background: #000;
	color: #fff;
}
a:visited {
	color: #b942f4;
}
a:active {
	background: red;
	color: #fff;
}

 

اینم اون لینک مورد نظر و روشی که گفتید

html :

<a id="pic" href="#">
<img src="me.jpg" alt="ermia" title="ارمیا رجب زاده" width="200" height="220">
</a>



css :

a#pic {
	color: fff;
}

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
<html>

<style>
a#pic{
	color: #1438ff;
	font-size: 18px;
	text-decoration: none;
	font-family: tahoma;
	
}
a#pic:hover {
	background: #000;
	color: #fff;
}
a#pic:visited {
	color: #b942f4;
}
a#pic:active {
	background: red;
	color: #fff;
}
</style>



<body>
    <a id="pic" href="#">
        <img src="https://answercenter.ir/3.gif" alt="ermia" title="ارمیا رجب زاده" width="750" height="150">
    </a>


</body>
</html>

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
<!DOCTYPE html>
<html>

<head>
	<link rel="stylesheet" type="text/css" href="istyle.css">
</head> 



<body>
    <a id="pic" href="#">
        <img src="https://answercenter.ir/3.gif" alt="ermia" title="ارمیا رجب زاده" width="750" height="150">
    </a>
</body>

</html>

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

مطالب شما نیاز است به تایید مدیران برسد

مهمان
شما به عنوان کاربر مهمان در حال حاضر دیدگاه ارسال می کنید. اگر دارای حساب کاربری در سایت هستید لطفا وارد حساب کاربری خود شوید.
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از ۷۵ اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به عنوان یک لینک به جای

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.