最近我發現了一個非常有用的 CSS3 選擇器應用程序，可以幫助我們更容易地編寫 CSS 樣式代碼。

這個應用程序提供了各種不同的選擇器，可以讓我們挑選最合適的選擇器來精確地定位 DOM 元素，實現想要的樣式。下面是一些常用的 CSS3 選擇器的例子：

/* 選擇所有段落 */
p {
color: red;
}
/* 選擇 ID 為 "example" 的元素 */
#example {
font-size: 20px;
}
/* 選擇類名為 "active" 的元素 */
.active {
border: 2px solid blue;
}
/* 選擇子元素，例如選擇所有
元素的子元素
*/
ul >li {
background-color: grey;
}
/* 選擇相鄰元素，例如選擇所有同級元素中相鄰的兩個
元素 */
p + p {
font-weight: bold;
}
/* 選擇第一個元素 */
:first-child {
text-decoration: underline;
}
/* 選擇最后一個元素 */
:last-child {
text-decoration: line-through;
}

這個應用程序還有其他更高級的選擇器，例如 nth-child()、nth-of-type()、:not() 等等。有了這個應用程序的幫助，我們可以更快、更準確地編寫 CSS 樣式代碼，提高開發效率。

如果你也想試試這個應用程序，可以在 GitHub 上搜索 "CSS3 selector app" 下載源碼，自己編譯安裝。