3

他所のcssやstackoverflowも色々試したのですが、どうもうまくいきません。

私はcssを初めて使用し、Joomlaとテンプレートを使用しています。スタイルの特定のカスタマイズに custom.css フォルダーを使用しています。これが私がやりたいことです：

リンクの場合はh5をスタイルしたい。

たとえば、カスタム html モジュールを作成していて、コンテンツにリストがあります。そして、私がそれぞれに与えているコンテンツでは、h5 スタイルと、サイト内の特定のページへのリンクがあります。

私が達成したいのは、このリストを青色にすることです。また、マウスを重ねて下線を引くと、同じ色のままになります。クリックして元の位置に戻すと、下線も色も変わりません。(すべての状況で同じ色、それ以上の場合は下線を引くだけです。)

これらの h5、h5 a、h5 a: hover、h5 .contentheading a などを試しました...

ある例では、次のように動作していました。

h5 {
  font-family: arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

h5 a {
  color: #0088CC;
}

h5 a: hover {
  color: #0088CC;
  text-decoration: underline; 
}

私が読んだように、見出しがリンクの場合は「a」を使用する必要があります。

しかし今、何かがそれを覆し、私は完全に道に迷っています。

検査で a:hover スタイルが表示されます。

コンテンツをリンクのリストとしてスタイル設定したいときに、この h5 をいくつかのコンテンツ (カスタム モジュール) で使用したいと考えています。そして、柔軟に使用できるように、特定のスタイルの見出しを 1 つ持つことが実用的であると考えました。

どうもありがとう、どんな助けも素晴らしいでしょう:)

4

3 に答える 3

5

a:との間にスペースがあるようですhover。試す：

h5 {
  font-family: arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

h5 a {
  color: #0088CC;
}

h5 a:hover {
  color: #0088CC;
  text-decoration: underline; 
}
于 2012-10-16T16:59:54.517 に答える
2

JSK NSですでに指摘されているように、 と の間a:にスペースを入れてはいけませんhover。また、マウスをホバーしたときにのみリンクに下線を付けたい場合は、追加する必要があります

text-decoration: none

h5 aセクションで。h5 a:hover重複する色を削除することもできます。最終的な CSS は次のようになります。

h5 {
  font-family: arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}

h5 a {
  color: #0088CC;
  text-decoration: none;
}

h5 a:hover {
  text-decoration: underline; 
}
于 2012-10-16T17:02:37.733 に答える
1

構文にエラーがあります。a:hover の間のスペース。これは 1 つとして記述します。

h5 {
    font-family: arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}

h5 a {
    color: #0088CC;
}

h5 a:hover {
    color: #0088CC;
    text-decoration: underline; 
}
于 2012-10-16T17:04:34.583 に答える