Блог

Я использую Emotion в react .

Мои элементы:

 lt;div class="parent"gt;  lt;span class="one"gt;1lt;/spangt;  lt;div class="two"gt;2lt;/divgt;  lt;span class="three"gt;3lt;/spangt;  lt;div class="four"gt;4lt;/divgt; lt;/divgt;  

 .parent {  amp; gt; *:not(:first-child) {  color: red;  } }  

В нем есть ошибка из Emotion :

 The pseudo class ":first-child" is potentially unsafe when doing server-side rendering. Try changing it to ":first-of-type".   

Однако было ясно, что даже замена :first-child на :first-of-type не приведет к желаемому результату

Рассматривали ли вы возможность изменения всего span на div или наоборот?

Как следует из названия, :first-of-type ищите только элементы с одинаковым типом. Так как вы смешиваете div , и span , очевидно, это не сработает.

Кстати, если вы не выполняете SSR (например, используя Next или Gatsby), вы можете спокойно игнорировать это предупреждение.