CSS元素选择器

CSS元素选择器：

1.1 元素选择器

元素选择器是最简单的选择器，其语法格式如下：

E{ ... }/*其中E代表有效的HTML元素*/

E是任意的有效的HTML元素，“*”可匹配HTML文档中的任意元素

<style type="text/css">
       *{
		border: 1px solid red;
		padding: 4px;
	}
</style>

在上面的CSS样式定义中使用了 * 作为通配符。

1.2 属性选择器

  从广义的角度上，元素选择器其实是属性选择器的特例。属性选择器的几种语法格式：

E{  ... }：指定该CSS样式对所有的E元素起作用。

E[attr]{ ... }:指定该CSS样式对具有attr属性的E元素起作用。

E[arrt = value]{ ... }：指定该CSS样式对所有包含arrt属性，且arrt属性为value的E元素其作用。

E[arrt ~= value]{ ... }:指定该CSS样式对所有包含arrt属性，且arrt属性的值以空格隔开的系列值，其中某个值为value的E元素起作用。

E[arrt |= value]{ ... }:指定该CSS样式对所有包含arrt属性，且arrt属性的值以连字符隔开的系列值，其中第一个值为value的Tag元素起作用。