Удаление подчеркивания из определенной метки привязки

почему следующий тег привязки имеет текст подчеркнутый?

<a class = "pagerLink" href = "#" >test</a>

.pagerLink{
  background-color: #E4F5F8;
  border:1px solid #C0DEED; 
  text-decoration:none; 
}

Ответы

Ответ 1

Вероятно, потому что другой блок стиля лучше приоритет, чем ваш класс pagerLink. Попробуйте:

.pagerLink {
    background-color: #E4F5F8;
    border: 1px solid #C0DEED; 
    text-decoration: none !important;
}

Ответ 2

используйте text-decoration: none для a в ваших стилях

Пример:

<head>  
 <style>

  .pagerLink
   {
     background-color: #E4F5F8;
     border:1px solid #C0DEED; 
   }
  .pagerLink a
  {
    text-decoration:none !important;
  }
 </style>
</head>

<body>
  <div class="pagerLink">
    <a href="somepage.aspx">test</a>
  </div>
</body>

Вы можете использовать firebug (плагин firefox) для определения того, какой стиль используется для этого элемента, и может ли его быть заменено другим определением стиля

http://getfirebug.com/

Ответ 3

Я не могу оставить комментарии, и я уважаю, что это старый вопрос, но будьте предельно осторожны при использовании! важно в ваших объявлениях:

text-decoration: none !important;

Вероятно, вам удастся избежать этого в небольших проектах, но с любым нетривиальным проектом, который предполагает сотрудничество из нескольких источников, такого рода вещи могут быть невероятно раздражающими, когда он преодолевает свойство, которое мне нужно установить дальше по линии, Я не только должен изменить это, чтобы сделать свою палку, но и проверить, что ее изменение не сломает ничего, что, вероятно, будет.

Лучше всего реорганизовать вашу декларацию или реструктурировать свой код, чтобы вам не пришлось использовать !important и только, когда вы не можете.

Ответ 4

Чтобы удалить подчеркивание, вам необходимо выполнить следующий фрагмент кода стиля.

.pagerLink{
  background-color: #E4F5F8;
  border:1px solid #C0DEED; 
  text-decoration:none !important;
}