مشکل در قسمت تگ a

سلام خسته نباشید
من یک سوال درمورد اینکه چگونه وقتی یک لینکی قرار میدهیم چی کار کنیم تا وقتی روی آن کلیک میکنیم زیر آن خط قرار نگیرد

<a href="#" class="text-decoration-none">link</a>

@3630javadmoli3630
و اینکه شما خودت میتونی همون کدی که این دوستمون داد رو بزاری تو یه کلاس بهش !important بدی مثل همین کلاس بوت استرپ میشه

a{
    text-decoration: none;
}

هر عنصری که میخواهید زیرش خط قرار نگیرد کافی است در کد های css مقدار text-decoration را برابر با none قرار دهید .

اگر به پاسختون رسیدید به عنوان پاسخ برتر انتخاب بفرمایید ...!

ممنون ولی یک سوال دیگه کلاس برای بوت استرپ وجود ندارد که همین کار cssرا انجام دهد

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <style>
        a {
            text-decoration: none;
        }
        a:hover {
            text-decoration: none;
        }
    </style>
</head>
<body>
    <a href="#"></a>
</body>
</html>

قبل از شروع طراحی هر سایتی، باید یه سری کارها انجام بدید که بهش میگن نرمالایز کردن (normalize)
دلیلش اینه که یه سری از استایلهایی وجود دارند که خوده مرورگر اونهارو به صفحه ی وب انتساب میده و ما برای اینکه یک صفحه در خام ترین حالت ممکن داشته باشیم، باید این استایلهارو برداریم که به این کار میگن نرمالایز کردن

میتونی خودت نرمالایز رو انجام بدی مثلا استایلهایی که اضافی هستند را شناسایی کنی و در بالای سی اس اس قسمتی رو برای این کار اختصاص بدی
مثلا اینطور:

/* Normalize css*/
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
ul, ol, li {
    list-style: none;
    padding   : 0;
    margin    : 0;
}
*,*:before,*:after {
    outline: none !important;
}

یا میتونی از موارد اماده توی اینترنت استفاده کنی که فایلی وجود داره بنام normalize.css که میتونی به پروژت اضافه کنی
البته باید درنظر بگیری که این فایل حجم زیادی داره و خب خیلی از چیزهایی که داخلش هست رو لازم نداریم و ممکنه تو سئو و gtmetrix سایتت اثربزاره و سرعتش کند بشه
اینجا لینک این سی اس اس آماده رو قرار دادم

استایل نرمالایز css