2016-11-15 22 views
0

これはちょっと疑わしい質問のようですが、それは私をつかまえてしまいました。 、私はすべての最初のチャイルズをターゲットにしたくない使い方:最初の子供のタグ

.parent { 
    &:first-child.. if h4 { 
    // styles 
    } 
} 

だけで起こるものを:私は、意味的にこれは私がやろうとしているものです

SASSで疑似セレクタとタグ名を組み合わせるのに苦労していますh4になる。それはクラスを持っていた場合

それだけで&:first-child.class

+1

を。 – SLaks

+1

あなたの例の '&:first-child'は' .parent'の親の最初の子である '.parent'にマッチします。あなたはおそらくそれを望んでいません。 – 4castle

+0

@ 4castleこれはまさに私がしたいことです。 要素型の条件文を実行しようとしています。 上記のSLAKsはまさに私にこの答えをくれました! h4.parent:first-child - これは私が望む出力でした – jfox

答えて

1

にはクラス名の前にタグ名を挿入する必要があります:最初の-child`: `H4&あろうと、LESSで

h4&:first-child 
+0

また、ミックスインなしでSASS相当品を見つけることができませんでした。同様の問題 - http://stackoverflow.com/questions/21511897/how-to-use-and-a-tag-on-the-same-selector – jfox

0

は、あなたが試してみるだろうか?

.parent{ 
    h4:first-child{ 

    } 
} 
0

あなたはちょうどあなたがサスでこれを行うことができます

0

二つの方法ができますことを願っています

.parent { 

    h4 { 

     &:first-child { 
     // styles 
     } 
    } 
} 

を書くことができます:

.parent { 
    h4 { 
     // h4 styles... 

     &:first-child { 

     } 
    } 
} 

それとも、あなたがいずれかを必要としない場合をスタイルは<h4>自体で、簡単に:

.parent { 
    h4:first-child { 

    } 
} 

あなたがSassを初めて知りましたので、parent selectorsについてこの記事をご覧ください。

関連する問題