他の回答が好ましい解決策を持っています。この1は、単にコードスニペットに:first-childよう
- 擬似クラスのエラーを説明する代わりに、2つのうち、1つのコロンとしています。 （この場合）
:first-child選択.children.windowbgの最初の子だaタグ。選択しようとしているaタグは最初の子ではありませんが、最初の子はタイプです。したがって、:first-of-typeを使用する必要があります。- コロン（
:before）を使用し、擬似要素を選択します。あなたはaタグのbeforeタグを選択しました。
- のない
tdタグは無効です。このコードはテストのためにtableとtrというタグで囲みました。
.children.windowbg > a:first-of-type:before {
content: "\f114";
font-family: fontawesome !important;
padding-right: 5px;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
<table>
<tr>
<td class="children windowbg" colspan="3">
<strong>SUB-FORUMS</strong>: <a href="#">Report Copyright Violations</a>, <a href="#">Disclaimer</a>, <a href="#">Contact Us</a>, <a href="#">Privacy policy</a>
</td>
</tr>
</table>
あなたはリンクの順序を変更したり、1を追加するとき、あなたはCSSを変更する必要があるため（およびCSSが非のためではないので、他の回答が好ましく、ダイナミックスタイリング）。より良い解決策は、HTMLにアイコンを追加することです。
更新
は、それは通常、特定の親で、種類年代の最初の要素を選択することが:first-of-typeがあります。最後の子を選択するには、:last-of-typeを使用します。他の子を選択するには、:nth-of-type(n)を使用します。ここで、nは要素のインデックスです。最初の要素はインデックス1で、インデックス0ではありません。たとえば、3番目の要素を選択するには、:nth-of-type(3)を使用します。
しかし、nはこれに限定されない。 oddとevenを使用して奇数と偶数の要素を選択することができ、nで計算できます。次に、nが任意の整数であるときに、答えになる可能性のあるインデックスを持つ要素を選択します。あなたは:nth-of-type(2n)使用する場合たとえば、：
Values for "n" | Indices
----------------------------
0 | 2 * 0 = 0
1 | 2 * 1 = 2
2 | 2 * 2 = 4
3 | 2 * 3 = 6
... | ...
をこれには、すべて2の倍数である指数、でも要素を持つすべての要素を選択します。別の例は、:nth-of-type(3+n)です。
Values for "n" | Indices
----------------------------
0 | 3 + 0 = 3
1 | 3 + 1 = 4
2 | 3 + 2 = 5
3 | 3 + 3 = 6
... | ...
これは、最初の2つを除くすべての要素を選択します。
Explanation from MDN。
:first-child（:last-child,:nth-child(n)）と同じです。
または '：first-of-type' – LarsW
はい、どちらも@LarsW – Varun
WOW！ Varunありがとうございます！ ：Dこれは私が後にした解決策でした。なぜなら、HTMLをハードコーディングしたくないからです。それはCMSにリンクされていた、多くのPHPコーディングが必要です。だから、私はこのCSSメソッドが必要でした！これは美しくコード化されたCSSソリューションです。私はとても迷っていました。私は数多くの異なったものを試してみました。ありがとうございました！ –