这些选择符总体可以分为以下几类:
(1) 为某个特定的元素名定义样式,这样,网页中所有的该元素都可以应用该样式。
(2)为某个特定的class属性名定义样式,这样,网页中所有的class属性值为该属性名的元素都可以应用该样式
(3)为某个特定的元素定义样式,该元素使用id属性来标示,样式也同样是使用id属性值来定义。
(4)为某些特定用途定义的使用以上3类无法实现的选择符,包括伪类和伪元素选择符等
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS选择符</title> <style type="text/css"> h1 { border-width: 1; border: solid; } h1.myclass { border-width: 1; border: solid; } h1#myid { border-width: 1; border: solid; } h1::first-letter { border-width: 1; border: solid; } </style> </head> <body> <h1>将应用元素名定义</h1> <h1 class="myclass">将应用类定义和元素名定义</h1> <h1 id="myid">将应用id定义和元素名定义</h1> </body> </html>