CSS入门(1)--css选择器
2016-11-19 18:28
267 查看
1 标签选择器
就是用标签名来当做选择器。1)所有标签都能够当做选择器,比如body、h1、dl、ul、span等等
2)不管这个标签藏的多深,都能够被选择上。
3)选择的是所有的,而不是某一个。所以是共性,而不是特性。
a{
text-decoration: none;
}
2 id选择器(大小写严格区别)
1 #lj1{2 font-size: 60px;
3 font-weight: bold;
4 color:black;
}
3 类选择器
class属性可以重复1 <h3>我是一个h3啊</h3>
2 <h3 class="teshu">我是一个h3啊</h3>
3 <h3>我是一个h3啊</h3>
4 <p>我是一个段落啊</p>
5 <p class="teshu">我是一个段落啊</p>
<p class="teshu">我是一个段落啊</p>
1 .teshu{
2 color: red;
}
4后代选择器
空格就表示后代,.div1 p 就是.div1的后代所有的p1 <styletype="text/css">
2 .div1 p{
3 color:red;
4 }
</style>
1 <divclass="div1">
2 <ul>
3 <li>
4
<p>段落</p>
5 <p>段落</p>
6 <p>段落</p>
7 </li>
8 </ul>
</div>
5交集选择器
选择的元素是同时满足两个条件:必须是h3标签,然后必须是special标签。交集选择器没有空格。
<style type="text/css"> h3.special{ color:red; } </style>
<h3 class="special">我是标题</h3> <h3 class="special">我是标题</h3>
6并集选择器(分组选择器)
用逗号就表示并集h3,li{ color:red; }
<h3>我是一个标题</h3>
<ul> <li>我是一个列表</li> </ul>
相关文章推荐
- 【DIV+CSS入门教程】五、CSS选择器
- 【DIV+CSS入门教程】六、CSS选择器规范化命名
- div+css布局入门
- 第7天:CSS入门
- CSS布局入门
- DIV+CSS网页布局入门
- CSS布局入门[css]
- CSS布局入门
- 换个角度思考:div+css布局入门
- 换个角度思考:div+css布局入门
- 使用Web标准建站第7天:CSS入门
- 第8天:CSS布局入门
- 使用Web标准建站第7天:CSS入门
- CSS布局入门[css]
- CSS学习从入门到精通
- 使用Web标准建站第8天:CSS布局入门
- Css入门(一)
- CSS入门(转)
- 换个角度思考:div+css布局入门
- 使用Web标准建站第9天:CSS布局入门(2)