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

Ermia · 14 آذر، ۱۳۹۷

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

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

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

M-CAP7AIN · 14 آذر، ۱۳۹۷

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

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


CSS:
#A101 {

}

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

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


CSS:
a#A101 {

}

msd313 · 14 آذر، ۱۳۹۷

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

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


CSS:
.msd {

}

Ermia · 15 آذر، ۱۳۹۷

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

این استایل تعریف شده برای 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;
}

M-CAP7AIN · 15 آذر، ۱۳۹۷

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

Ermia · 15 آذر، ۱۳۹۷

مرسییی، حل شد

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

M-CAP7AIN · 15 آذر، ۱۳۹۷

<!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>

ورود

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

ارسال‌های توصیه شده

Ermia 0

لینک ارسال

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

M-CAP7AIN 537

لینک ارسال

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

msd313 62

لینک ارسال

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

Ermia 0

لینک ارسال

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

M-CAP7AIN 537

لینک ارسال

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

Ermia 0

لینک ارسال

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

M-CAP7AIN 537

لینک ارسال

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

بایگانی شده

کاربران آنلاین در این صفحه 0 کاربر

فهرست بخش ها

فعالیت ها

فروشگاه