最新的CSS中選擇器函數(shù)提供了更加靈活的選擇器方式,讓開發(fā)者們有更多的選擇來定位頁面中的元素。
/*選擇所有兄弟節(jié)點(diǎn)中的第一個(gè)p元素*/ p:first-of-type { color: blue; } /*選擇所有class為"intro"的p元素*/ p.intro { font-size: 16px; } /*選擇所有id為"main"元素下的p元素*/ #main p { text-align: center; } /*選擇兄弟節(jié)點(diǎn)中緊跟在class為"intro"的p元素后面的p元素*/ p.intro + p { margin-top: 20px; } /*選擇表格中第二列的所有td元素*/ td:nth-child(2) { background-color: gray; } /*選擇父元素下的最后一個(gè)p元素*/ p:last-of-type { font-weight: bold; }
這些新的選擇器函數(shù)提供了更細(xì)致的元素選擇方式,使得調(diào)整頁面樣式更加方便快捷。