CSS入门(1)--css选择器

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的后代所有的p

1          <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>