اطلاعیه

کاربر گرامی

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

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


Ermia

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

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

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

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

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

ویرایش شده در توسط Ermia
اشتباه تایپی

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


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

تو 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>

 

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


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

مرسییی، حل شد :Laie_60B:

فقط یه سوال،‌ نمیتونم توی استایل اکسترنال بش استایل بدم؟

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


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
<!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>

 

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


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

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری