CSS 3.0学习之选择器总结
1.元素选择器 E { … } /*E 代表 HTML 元素名 */ 例如： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>元素选择器</title> <style type="text/css"> div { background-color: grey; font: italic normal bold 24px normal 宋体; } </style> </head> <body> <div>元素选择器</div> </body> </html> 效果： 2.属性选择器 属性选择器顾名思义就是根据元素的属性来为确认的元素定义样式。从广义的角度看，元素选择器是属性选择器的特例。属性选择器有如下几种语法 Ø E { … }：为所有E元素定义样式。 Ø E[attr] { … }：为具有attr属性的元素定义样式。 Ø E[attr=value] { … }：为具有attr属性，且attr属性为value值的元素定义样式。 Ø E[attr~=value] { … }：为具有attr属性，且attr属性的值为以空格隔开的系列值，其中某个值为value的元素定义样式。 Ø E[attr|=value] { … }