Safari瀏覽器顯示：after僞元素，就好像是：前

Question

Safari瀏覽器中顯示我的:after僞元素，如果是:before

鉻正確顯示它，但Safari是不是。

它應該在導航欄上的每個鏈接之後放置一個正斜槓，除了最後一個，但Safari將它們放在每個鏈接之前。

的CSS：

#site-header nav#main-nav #menu li:not(:last-child):after { 
    content: "/"; 
    position: absolute; 
    margin-right: 7px; 
    line-height: 1; 
    bottom: 15px; 
} 

Answer 1

你CSS是過於複雜。您只需在原始li的兄弟之前添加斜線。你並不需要使用絕對定位，以及:not僞類：

#menu li + li::before { 
    content: "/"; 
} 

看到這個小提琴：http://jsfiddle.net/S93gy/

順便說一句，你有多個ID和元素選擇令人難以置信的具體選擇。如果您需要，這將使他們很難被覆蓋。由於ID是唯一的，因此您在大多數情況下只需使用該ID選擇器，而不是之前的長字符串，例如#menu而不是#site-header nav#main-nav #menu