《CSS中的基本选择器》由会员分享，可在线阅读，更多相关《CSS中的基本选择器（4页珍藏版）》请在金锄头文库上搜索。
1、HWUA IIMTERhWTiONAL海文国际http:/CSS 中的基本选择器使用简单且频率高的一些选择器归类为基本选择器。1.通用选择器* border: 1px solid red;解释：“*”号选择器是通用选择器，功能是匹配所有 html 元素的选择器包括和 标签。可以使用如下元素标记测试效果： 段落 加粗 无 通用选择器会将所有元素匹配并配置样式，这是把双刃剑，好处就是 非常方便，坏处就是将不必要的元素也配置了。目前为止，还不存在 所有元素都必须配置的样式，所以，一般来说，不常用。2.元素选择器p c0l0r: red; 段落 iiijimPTKHWUA IhmERhWTIONAL海
2、文国际http:/解释：直接使用元素名称作为选择器名即可。3.ID 选择器#abc font-size: 20px; 段落 解释：通过对元素设置全局属性id,然后使用#id值来选择页面唯 一元素。4.类选择器.abc border: 1px solid red; 加粗 无 解释：通过对元素设置全局属性class，然后使用.class值选择页 面一个或多个元素。b.abc border: 1px solid red;解释：也可以使用“元素.class值”的形式，限定某种类型的元素。无HWUA IIMTERhWTIONAL海文国际http:/解释：类选择器还可以调用多个样式，中间用空格隔开进行层叠
3、。5.属性选择器/所需 CSS2 版本href color: orange;解释：属性选择器，直接通过两个中括号里面包含属性名即可。当然 还有更多扩展的属性选择器。/所需 CSS2 版本type=password border: 1px solid red; 解释：匹配属性值的属性选择器。 /所需版本 CSS3hrefA=http color: orange; 解释：属性值开头匹配的属性选择器 /所需版本 CSS3href$=.com color: orange;HWUA IIMTERhWTIONAL海文国际http:/解释：属性值结尾匹配的属性选择器。/所需版本 CSS3href*=baidu color: orange;解释：属性值包含指定字符的属性选择器。/所需版本 CSS2class=edf font-size: 50px;解释：属性值具有多个值时，匹配其中一个值的属性选择器。/所需版本 CSS2lang|=en color: red;解释：属性值具有多个值且使用“-”号连接符分割的其中一个值的属性选择器。比如HTML5。
