使用多個鏈接選擇器

我認爲有一種方法可以同時修改兩個元素？我試過a b + a c等，但似乎沒有任何工作。使用多個鏈接選擇器

打字這個最簡單的方法是什麼？

#a #b { 
    width: 12px; 
    height: 12px; 
    background: url('xjpg'); 
    position: absolute; 
    margin: 111px 0 0 222px; 
} 

#a #c { 
    width: 12px; 
    height: 12px; 
    background: url('x.jpg'); 
    position: absolute; 
    margin: 111px 0 0 333px; 
}

來源

2013-06-23 purplecircles

#a #b，#a #c？。 –

你爲什麼要做#a #b。假設只有一個ID爲#b的元素，直接應該使用#b。無論如何用#a #b＃逗號分隔單獨元素，＃a #c – 2013-06-23 01:06:14

使用逗號將允許您屬性適用於選擇的一個以上的鏈，以及相同的特性組合成一個組屬性和重寫第二個元素的獨特風格。

大多數合成方法是：

#a #b, #a #c { 
    width: 12px; 
    height: 12px; 
    background: url('xjpg'); 
    position: absolute; 
    margin: 111px 0 0 222px; 
} 

#a #c { 
    background: url('x.jpg'); 
    margin: 111px 0 0 333px; 
}

確保壓倒一切的性能低於原來的元素屬性。

來源

2013-06-23 01:03:18 Dom

你真的認爲，他的意思是「xjpg」嗎？ –

@WojciechKulik不管是不是這種情況，他仍然需要不同保證金的重要屬性，除非這是一個錯誤。 – Dom

Yeap，你是對的，但我認爲這也是一個錯誤，他只問如何「加入」這些選擇器:-)。無論如何，你的答案當然是正確的;-)。 –

#a #b, #a #c { 
    width: 12px; 
    height: 12px; 
    background: url('x.jpg'); 
    position: absolute; 
    margin: 111px 0 0 333px; 
}

來源

2013-06-23 00:55:37

的comma讓你一組規則規定，一些選擇。

#a #b, #a #c { 
    width: 12px; 
    height: 12px; 
    background: url('xjpg'); 
    position: absolute; 
    margin: 111px 0 0 222px; 
}

來源

2013-06-23 00:57:32 raam86

#a #b, #a #c { 
    width: 12px; 
    height: 12px; 
    position: absolute; 
} 
#a #b { 
    background: url('xjpg'); 
    margin: 111px 0 0 222px; 
} 
#a #c { 
    background: url('x.jpg'); 
    margin: 111px 0 0 333px; 
}

或

#a #b, #a #c { 
    width: 12px; 
    height: 12px; 
    position: absolute; 
    margin: 111px 0 0 222px; 
} 
#a #b { 
    background: url('xjpg'); 
} 
#a #c { 
    background: url('x.jpg'); 
    margin-left: 333px; 
}

來源

2013-06-23 00:57:46 TimWolla

使用多個鏈接選擇器

回答

相關問題