css - の最初のタグをターゲットにする方法

Question

score 2 · Accepted Answer

div > ul > li > a { border: 1px solid #000; }

あなたの場合はうまくいくでしょう。

ただし、これを実現するためにクラスを使用したいと思います。

score 0 · Accepted Answer

代わりに

div ul li:first-child { border: 1px solid #000; }

<a>しかし、これは、あなたの目的が本当にその最初の子である場合にのみ機能します<li>。

score 0 · Accepted Answer

私はこれがうまくいくと信じています：

div ul li > a:first-child { border: 1px solid #000; }

score 0 · Accepted Answer

このように最初の子の疑似クラスを使用します

div ul > li:first-child > a:first-child

これは、ul の子である最初の li のみを対象とし、次に最初の子アンカー要素のみを対象とします。しかし、これは非常に複雑です。ここでクラスを使用する方がよいでしょう。

score 0 · Accepted Answer

これを試してみてくださいhttp://jsbin.com/ecenan

基本的にCSSは

div > ul > li > a { border: 1px solid #000; }

5 に答える 5