我可以巢一次性兩位家長用更少的

Question

我有這樣的，設置起來。我想知道，有沒有選擇爲兩個父母之一嵌套？

input[type="text"].text_field, 
textarea.text_field { 
    // style for both 

    textarea + & { 
     // style for only text area 
    } 
    } 

我需要添加一些其他風格的textarea，我不希望把它超越了主要規則。那麼，這可能嗎？

Answer 1

你可以嘗試這樣的事情，如果你想要讓他們在相同的規則：

.text_field { 
    color: black; 

    input& { 
    padding: 5px; 
    } 

    textarea& { 
    padding: 5px; 
    } 
} 

Answer 2

input[type="text"].text_field, textarea.text_field { 
    // style for both 
    font-size: 15px; 
    padding: 2px 5px; 
} 
textarea.text_field { 
    // style for only text area, you can use !important if you want to use different style, and you used it in input[type="text"].text_field, textarea.text_field 
    font-size: 13px !impotrant; 
} 

巢例如：

ul { 
    // style 
    li { 
    // style 
    a:link, a:hover, a:visited { 
     // style: color, font-size, etc. 
    } 
    a:hover { 
     text-decoration: underline; 
    } 
    } 
}