css选择器
什么是选择器呢？？
每一条css样式定义由两个部分组成，形式如下：[code]选择器{样式}[/code]在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。
作为一个也是入门不久的，我就来总结一下这个星期所学的几个选择器。
1、类选择器
在css中，类选择器以一个点号显示：
.center{text-align:center}
上面的例子表示的是：所有拥有center类的HTML元素均为居中。
下面呢，用一个例子来实验一下
<h1 class="center">
this heading will be center-aligned
</h1>
<p class="center">
this paragraph will also be center-aligned
</p>
上面的HTML代码中，h1和p元素都有center类，这就意味着两者都将遵循“.center”选择器中的规则。
注意哦！！类名的第一个字符不能使用数字！它无法在Mozilla或Firefox中起作用。
2、属性选择器
对带有指定属性的HTML元素设置样式。
可以拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。
下面的例子为带有title属性的所有元素设置样式：
<head>
<style type="text/css">
[title]{color:red;}
<style>
</head>
属性选择器在为不带有class或id的表单设置样式时特别有用；例如：
input[type=text]
{width:150px;
height:30px;
display:block;
mardin-buttom:10px;
background-color:yellow;
font-Family:verdana,Arial;
}
input[type="button"]
{width:150px;
height:30px;
margin-left:"35px";
display:block;
font-family:verdana,Arial;
3、后代选择器
后代选择器可以选择某元素后代的元素
（1）根据上下文选择元素
可以定义后代选择器来创建一些规则，使这些规则在某些文档结构中起作
用，而在另外一些结构中不起作用。
举例来说，如果希望只对h1元素中的em元素应用样式，可以这样写：
h1 em{color:red;}
这个规则会把作为h1元素后代的em元素的文本变成红色。其他em文本
（如段落或块引用中的em）则中：
<html>
<head>
<style type="text/css">
h1 em{color:red;}
</style>
</head>
<body>
<h1>This is a <em>important</em>heading</h1>
<p>This is a <em> paragraph.</em></p>
</body>
</html>
4、子元素选择器
与后代选择器相比，子元素选择器只能作为谋元素子元素的元素。
如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素
的子元素，那子元素选择器就派上用场啦！
例如,如果你希望选择只作为h1元素子元素的strong元素，可以哦这样写：
h1>strong{
color:red;
}
这个规则会把第一个h1下面的两个strong元素变为红色，但是第二个h1中
的strong不受影响；
<style type="text/css">
h1>strong{color:"red";}
<style>
<body>
<h1>This is<strong>very</strong><strong>very</strong>important.</h1>
<h1>This is <em>really<strong>very</strong></em> important</h1>
</body>
5、相邻兄弟选择器
相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。
如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可
以使用相邻兄弟选择器。
例如，如果要增加紧接在h1元素后出现的段落的上边距，可以这样写：
h1+p{margin-top:50px;}
这个选择器读作：“选择紧接在h1元素后出现的段落，h1和p元素有共同的
父元素。”
<style type="text/css">
h1+p{mrgin-top:50px;}
</style>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
</body>
52
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
