CSS3選擇器是CSS的擴(kuò)展，提供了更多的選擇器來選擇HTML元素，讓樣式更加精細(xì)化。選擇器的語法規(guī)則如下：

element { property:value; }                       //元素選擇器
#id { property:value; }                            //ID選擇器
.class { property:value; }                         //類選擇器
element.class { property:value; }                  //元素類選擇器
element,element,... { property:value; }            //組合選擇器
element child { property:value; }                  //后代選擇器
element>child { property:value; }                  //子元素選擇器
element+adjacent { property:value; }               //相鄰兄弟選擇器
element~sibling { property:value; }                 //兄弟選擇器
:first-child { property:value; }                   //第一個子元素選擇器
:last-child { property:value; }                    //最后一個子元素選擇器
:nth-child(n) { property:value; }                  //指定子元素選擇器
:only-child { property:value; }                     //唯一子元素選擇器
:first-of-type { property:value; }                  //指定類型的第一個元素選擇器
:last-of-type { property:value; }                   //指定類型的最后一個元素選擇器
:nth-of-type(n) { property:value; }                  //指定類型的子元素選擇器
:only-of-type { property:value; }                    //唯一類型元素選擇器
:empty { property:value; }                           //空元素選擇器
:link { property:value; }                             //鏈接元素選擇器
:hover { property:value; }                            //鼠標(biāo)懸停選擇器
:active { property:value; }                            //激活狀態(tài)選擇器
:focus { property:value; }                              //獲得焦點(diǎn)選擇器
:visited { property:value; }                             //已訪問鏈接選擇器
:not(selector) { property:value; }                        //否定選擇器

CSS3選擇器運(yùn)用靈活，可以選擇頁面中特定的元素來進(jìn)行樣式的修改，更加直觀、方便、快捷地實(shí)現(xiàn)頁面美化。