CSS选择器笔记

浏览量:20 次

年我学jQuery时候,曾经做过一点选择器(selector)笔记。

这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用,毕竟选择器是制作网页效果第一步。

笔记分为两个部分,今天是CSS选择器,以后还有一部分xPath选择器。今天笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3所有规定。

=====================

CSS选择器笔记

阮一峰 整理

参考网址:456 Berea Street

一、基本选择器

序号选择器含义1. * 通用元素选择器,匹配任何元素2. E 标签选择器,匹配所有使用E标签元素3. .info class选择器,匹配所有class属性中包含info元素4. #footer id选择器,匹配所有id属性等于footer元素

实例:

* { margin:0; padding:0; }

p { font-size:2em; }

.info { background:#ff0; }

p.info { background:#ff0; }

p.info.error { color:#900; font-weight:bold; }

#info { background:#ff0; }

p#info { background:#ff0; }

 
®关于本站文章™ | 若非注明原创,默认 均为网友分享文章,如有侵权,请联系我们™
㊣ 本文永久链接: CSS选择器笔记