css - 少一胎

标签 css less

为什么我的第一个 child 选择器在 Less 中不起作用?

.leftPanel{
    margin:20px;
    float:left;
    display:inline;
    width:620px;
    margin-left:10px;
    select{
        width:300px;    
        &:first-child{
            margin-right: 30px;             
        }
    }
}

最佳答案

您指定如果 .leftPanel 中的第一个子元素是 <select> , 它应该有 margin-right: 30px; .如果您尝试将此规则应用于第一个子元素 inside <select> (应该始终是 <option> ),尝试替换 &:first-childoption:first-child .

关于css - 少一胎,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11775300/

相关文章:

less - 在 LESS 中引用具有多级嵌套的父级

javascript - 使用数据属性值作为 sass 变量中的值

css - Bootstrap 输入控制表单内的宽度问题

html - 疯狂的 CSS 定位

javascript - 背景暗淡的 Bootstrap 下拉菜单

css - 为什么我的 QWidget 样式表无法识别 objectName 规则?

css - 如何防止所选选项卡的导航栏中出现 Blob 边框

node.js - 如何用nodejs、express和less-middleware编译2种以上不同的LESS风格?

css - LESS CSS 和 RetinaJS 错误

twitter-bootstrap - 如何从 bootswatch .less 文件开始重新编译 .css 文件?