CSS学习笔记之css选择器分类:
CSS 元素选择器,CSS 选择器分组, CSS 类选择器,CSS ID 选择器,CSS 属性选择器,CSS 后代选择器, CSS 子元素选择器, CSS 相邻兄弟选择器
使用方法:
1、CSS 元素选择器
选择文档中的元素进行操作。选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身。例如:
h1 {color:blue;}
2、CSS 选择器分组
使用逗号连接多个选择器。例如:
body, h2, p, table, th, td, pre, strong, em {color:gray;}
3、CSS 类选择器
类名前有一个点号(.),即表示类型选择器。例如:
<style type="text/css"> .myClass {color:red;} </style> <h1 class="important"> This heading is very important. </h1>
4、CSS ID 选择器
ID 选择器前面有一个 # 号,要引用 id 属性中的值。
HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配。例如:
<style type="text/css"> #abc {color:red;} </style> <p id="abc">OceanCoder.cn</p>
5、CSS 属性选择器
选择具有某个属性的元素。例如:
a[href] {color:red;}
6、CSS 后代选择器
选择作为某元素后代的所有元素,例如:
p strong {color:red;}
7、CSS 子元素选择器
只选择某个元素的子元素,不是所有后代元素。语法符号( > )例如:
h1 > strong {color:red;}
8、CSS 相邻兄弟选择器
选择紧接在另一个元素后的元素,而且二者有相同的父元素。语法符号(+),例如:
h1 + p {margin-top:50px;}
已有 3651 位网友参与,快来吐槽:
发表评论