css - a.extraは何を表していますか？

Question

.myClass a.extra{...}と.myClassを含むCSSテンプレートを探していますa.extra:hover{...}「追加」とは何ですか？

Answer 1

extraは、クラスの名前です。

あなたが持っているので：

.myClass a.extra{...} 

そのルールがmyClassクラスを持つ要素の子孫であるextraクラスを持つすべてのaの要素に適用されます。

Answer 2

この例では、a.extraは、クラス名が「extra」のアンカータグを示します。

<a href="http://example.com" class="extra"> Extra link! </a> 

連鎖セレクタは、両方が同じ要素に属していることを意味します。私は「foo」と「bar」のクラスのidを持つdiv要素を選択したいのであれば、私はそうのように私のCSSでルールを定義することができます。

div#foo.bar { 
    /* disco */ 
} 

分離するためのスペースを使用して一方（のようにあなたの例）は、子属性セレクタを定義します：

<style type="text/css"> 
.myClass a.extra { 
    /* disco */ 
} 
</style> 

<div class="myClass"> 
    <a href="#" class="extra"> disco </a> 
</div> 

詳細属性セレクタhereを参照してください。

Answer 3

これはアンカーのクラスです。 CSSはa.extraのようなものを言うとき、それはこのようなHTMLで<a>要素を参照：

<a class="extra">Contents</a> 

これは、より一般的な概念の一例である：x.yは、任意の要素<x class="y">を指します。

Answer 4

a.extraは、クラスが "extra"のアンカー要素を意味します。

行全体を示し：

「MyClassの」