0

機能する CSS コードがいくつかありますが、目的の CSS を整理するためのより効率的な方法があるはずです。基本的に、このインスタンスでは 2 つの個別の CSS 領域が同じように動作するようにしますが、他の領域では異なるようにします (これはこの質問にとって重要ではありません)。

作業用の CSS は次のとおりです。

#paragraph p a:visited, #paragraph2 p a:visited{color:#00f;}  
#paragraph p a:link, #paragraph2 p a:link{color:#f00;}

私は次のようなものを想像していました：

(#paragraph | #paragraph2) p a{
visited{color:#00f;}
link{color:#f00;}
}

私が書いたものが意味をなさない場合に備えて、擬似コードを言葉でカプセル化しようとします:

「a」を含む「p」を含む #paragraph または #paragraph2 のいずれか。次に、「a」タグで「link」属性と「visited」属性の両方を変更します。

まず、時間を割いて読んで回答してくれた人に感謝します。

第二に、私のドキュメントを全体的に整理するためのより良い方法があるかもしれません。その分野で提案があれば非常にクールですが、私が思いついたアプローチが可能かどうか、そしてどのようにそれを達成するかについても本当に興味があります仕方。

ありがとう！

4

1 に答える 1

0

2 つの段落にクラスを与えてから、クラスに基づいて選択できるので、同じことを繰り返す必要はありません。また、この点で通常の CSS に代わるより良い方法が必要な場合は、LESSとSassを調べてください。

たとえば、Sass ではこれを行うことができます (両方の段落に .paragraph クラスを追加した場合):

.paragraph p a {
    visited { color: #00f; }
    link { color: #f00; }
}
于 2013-04-08T04:31:23.080 に答える