css - このネストされた css コードが機能しないのはなぜですか?

Question

以下のコードのようなものがある場合、リンクは大きなフォントで赤い色になると思いますが、うまくいきません。

.footer {
  text-align: center;
}

.footer a {
  color: red;
  font-size: 32px;
}

理解できない。cssが苦手なのですが、なぜこのコードが動かないのでしょうか?

score 3 · Accepted Answer

.footer aルールの前に奇妙な文字があります。コードをjsbin.comにコピーしてみると、赤い点でマークされていることがわかります。これは、jsfiddle からコピーするときによく起こります。焦げ目が取れれば万事OKです。

score 1 · Accepted Answer

私が知る限り、どこかにゴミのキャラクターがいます。書き直しましたが大丈夫です。

.footer
{
 text-align:center;   
}

.footer a
{
 color:red;
 font-size:32px;    
}

score 0 · Accepted Answer

これはjsfiddleのバグだと思います。定義するだけの場合：

a {
  color: red;
  font-size: 32px;
}

できます。次に、.footer を追加すると (「a」の前にもう一度入力するだけ)、引き続き機能しますが、「.footer a」が定義されている開始点からは機能しません。

score 0 · Accepted Answer

これを試して：

.footer {
  text-align: center;
}

.footer a:link, a:active {
  color: red;
  font-size: 120px;
}

</p>

4 に答える 4