Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript SASS:嵌套选择器中的最后一个伪类类型_Javascript_Html_Css_Sass_Css Selectors - Fatal编程技术网

Javascript SASS:嵌套选择器中的最后一个伪类类型

Javascript SASS:嵌套选择器中的最后一个伪类类型,javascript,html,css,sass,css-selectors,Javascript,Html,Css,Sass,Css Selectors,在下面的Sass代码中,如何在&-description中移动&:last类型的&:code>以避免重复嵌套 工作代码: HTML代码: <ul class="list"> <li class="row"> <div class="row-info"> Info 1 <div class="row-info-des

在下面的Sass代码中,如何在
&-description
中移动
&:last类型的
&:code>以避免重复嵌套

工作代码:

HTML代码:

<ul class="list">
    <li class="row">
        <div class="row-info">
            Info 1
            <div class="row-info-description">
                Description 1
            </div>
        </div>
    </li>
    
    <li class="row">
        <div class="row-info">
            Info 2
            <div class="row-info-description">
                Description 2
            </div>
        </div>
    </li>
    
    <li class="row">
        <div class="row-info">
            Info 3
            <div class="row-info-description">
                Description 3
            </div>
        </div>
    </li>
</ul>
.row {
    
    border: 4px solid red;
    color: white;
    font-size: 20px;
    
    &-info {
        
        background-color: #444444;
        
        &-description {
            
            background-color: #666666;
            font-size: 12px;
            
            //Access :last-of-type here?
        }
    }
    
    //The following works, but I want it moved into &-description

    $ROW: &;

    &:last-of-type {

        #{$ROW}-info {

            &-description {

                background-color: blue;
            }
        }
    }
}
SASS代码

.row {
    
    border: 4px solid red;
    color: white;
    font-size: 20px;
    
    &-info {
        
        background-color: #444444;
        
        &-description {
            
            background-color: #666666;
            font-size: 12px;
            
            //Access :last-of-type here?
            .row:last-of-type &   {
                background-color: blue;
            }
        }

    }

}