Problems with CSS3 selector

encountered such a problem in the project: 

:
<div class="container">
        <div>
            <span>!</span>
            <span>[<a href=""></a></span>
            <span><a href=""></a>]</span>
        </div>
        <div>
            <span><a href=""></a></span>
            <span><a href=""></a></span>
            <span><a href=""></a></span>
        </div>
        
        CSS:
        1. .container>div>span>a:not(:last-child)::after{
             content: "|";
             }
        2. .container>div>span:not(:last-child)>a::after{
            content: "|";
            }

1 the two selectors select the same node, and the writing of the result 2 can take effect.

output: "Hello!" Welcome to Shenzhen Motor Co., Ltd. [login | logout] reserved question bar | reserved question bar | submit current effect map.

but 1 fails, and the output: "Hello!" Welcome to Shenzhen Automobile Co., Ltd. [log in and log in] reserve question bar to submit current picture

Why is this?

Css css3
Jun.22,2021

the first is not the last an element under span. There is only one a tag under each span tag, and the second is to select the a tag under the span tag that is not the last

.

a has no sibling element, last-child is always in effect 

<span><a href=""></a></span>
<span><a href=""></a></span>

.container>div>span>a:not(:last-child)::after{
    content: "|";
}

Previous: Use $compile in the instruction to compile the ng-include tag without passing

Next: How does Wechat click to share in the web page to open the panel in the upper right corner?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf73b1-3204c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf73b1-3204c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?