html - 选择LESS类型的第一个元素

为什么不能用header:nth-of-type(1)选择第一个标头元素这是代码，但是jsfiddle不支持更少的http://jsfiddle.net/0kzgj9fd/。我需要用LESS编写

我也尝试过使用:first-child和nth-child(1)，但是不幸的是，它对我没有用...

最佳答案

您需要>选择器来指定它是#wrapper的直接子代

    #wrapper {
        background: white;
        height: 100%;
        width: 1720px;
        margin: 0 auto;
        border: 3px solid #707070;

        >header:nth-of-type(1) {
            margin: 0 auto;
            width: 90%;
            height: 200px;
            background: red;
            border: 3px solid #707070;

            h1 {

                color: #707070;
            }

        }
    }

证明：http://jsfiddle.net/T2Xe9/375/