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

Ermia · 4 اسفند، 2018

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

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

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

M-CAP7AIN · 5 اسفند، 2018

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

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


CSS:
#A101 {

}

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

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


CSS:
a#A101 {

}

msd313 · 5 اسفند، 2018

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

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


CSS:
.msd {

}

Ermia · 5 اسفند، 2018

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

این استایل تعریف شده برای 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 · 6 اسفند، 2018

<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 · 6 اسفند، 2018

مرسییی، حل شد

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

M-CAP7AIN · 6 اسفند، 2018

<!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 کاربر

فهرست بخش ها

فعالیت ها

فروشگاه