<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> /* 沒有效果 */ .track-s:last-child::after{ content:"aa"; color: red; } /* 有效果 */ .track-e:last-child::after{ content:"aa"; color: red; } </style></head><body> <ul> <li class="track track-s">1</li> <li class="track track-s">2</li> <li class="track track-s">3</li> <li class="track track-e">4</li> <li class="track track-e">5</li> </ul></body></html>為什么這種寫法( .track-s:last-child::after)沒效果,但是 .track-e:last-child::after 就行
css的偽元素和last-child
DIEA
2018-10-18 14:15:33