html - テキスト装飾コマンドが機能しない

Question

アンカータグでナビゲーションタブを作成している間、私は text-decoration:none; を使用しました。cssファイルのコマンドですが、下線と色の変更がまだ表示されます。下線と色の変更を削除する方法はありますか

Answer 1

あなたが言ったことだけで、あなたがどこで間違ったのか推測できます。

#text-decoration:none;前に # があるため有効ではありません。CSS で使用します。

div のスタイル内:

<div class="test" style="text-decoration:none;">Test</div>

スタイルタグ内:

.test {
   text-decoration:none;
}

これから、あなたがそれでやりたいことをする方法を考え出すことができると確信しています.

Answer 2

こんなスタイル。

ul > li > a {
text-decoration:none
}

そして、A を実際に配線しない限り、100% 機能します。

Answer 3

ここをクリック_

CSS

.lorem a{
text-decoration:none;
color:red;
}

html

<div class="lorem">
<a href="#">lorem ipsum</a>
</div>

Answer 4

実際の CSS を共有していただけると助かりますが、今のところ推測する必要があります...

装飾を削除する前に、ハッシュタグを削除してみてください:

linkElement
{
  text-decoration:none;
}

クラスごとに要素を選択する場合は、

.linkElement
{
  text-decoration:none;
}

ID で要素を選択する場合は、

#linkElement
{
  text-decoration:none;
}

下線を持つ実際の要素でこれを行うようにしてください。A(ハイパーリンク) に下線が付いている場合は、LIそれを覆っている部分を選択しないでください。

間違った例:

<ul>
  <li>
    <a href="#">underlined words</a>
  </li>
</ul>

ul li
{
  text-decoration:none;
}

正しい例:

<ul>
  <li>
    <a href="#">underlined words</a>
  </li>
</ul>

ul li a
{
  text-decoration:none;
}