CSS-селектор для добавления содержимого 'before', где он НЕ является первым селектором

Question

Я пытаюсь внести поправки в некоторые CSS, которые в основном будут выполняться только в том случае, если это НЕ первый из его типов с использованием CSS - следующие работы, но отображаются для всех селекторы?

.networks-body.all .facebook.interaction-container::before 
{ 
    content: "\f09a"; 
    margin-right: 2px; 
} 

Answer 1

пытаются цепи :not(:first-of-type) перед pseudoclass ::before

.facebook.interaction-container:not(:first-of-type)::before { 
    ...  
} 

Answer 2

Edit: ответ fcalderan является чище;)

Вы можете добавить PREPEND ВСЕЙ элемента, и чем удалить его из в первую очередь:

.networks-body.all .facebook.interaction-container::before{ 
    content: "\f09a"; 
    margin-right: 2px; 
} 

.networks-body.all .facebook.interaction-container:first-of-type::before{ 
    content: none; 
} 

Пример: https://jsfiddle.net/mfge1or3/

Answer 3

Здесь вы можете использовать nth-of-type(1n+1), оставив в то же время ::before в конце.

В скобках, 1n, означает выбор каждого экземпляра, в то время как +2 означает начать со второго экземпляра. Другими словами, выберите все экземпляры , за исключением.

.facebook.interaction-container:nth-of-type(1n+2)::before { 
    content: "\f09a"; 
    margin-right: 2px; 
} 

Пример:

li:nth-of-type(1n+2)::before { 
 
    content: 'A'; 
 
    color: red; 
 
}

<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
    <li>5</li> 
 
    <li>6</li> 
 
</ul>