1、元素选择器，即 E {...}，E代表有效的HTML元素；可以用*来表示应用到文档中的任意元素；
<style type="text/css"> body { margin: 100px; } </style>
2、属性选择器，有如下几种：
- E[attr] {...}：指定该CSS样式对所有具有attr属性的E元素起作用；
<!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> div[align] { width:200px; height:100px; border:1px solid red; } </style> </head> <body> <div align="center">我具有align属性</div> <dvi>我没有align属性</dvi> </body> </html>
- E[attr=value] {...}：指定该CSS样式对所有具有attr属性，并且值为value的E元素起作用；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div[align="center"] { width: 200px; height: 100px; border: 2px solid blue; } </style> </head> <body> <div align="center">我有align="center"属性</div> <div align="left">我有align="left"属性</div> </body> </html>
- E[attr~=value] {...}：指定该CSS样式对所有具有attr属性，并且该属性值有多个，以空格隔开，对某个值为value的E元素起作用；