选择器

117 阅读1分钟

一:基础选择器三类:

		标签选择器
		类选择器
		id选择器

1 标签选择器

     <p>我是一个段落</p>
     <!--直接写-->
     p{color: rosybrown;}

2 类选择器

  • 类选择器: 属性名:class 写样式的时候:

  • . 类名{ 属性:属性值; }

      <div class="demo">
       我是一个div
      </div>
      .demo{color: red;}
    

3 id选择器:

#id名{
属性:属性值;
}

id具有唯一性

	 <div id="demo">
		我是一个div
	</div>
	#demo{color: pink;}

4 多类名选择器:

多类名选择器,类名之间用空格隔开

	<p class="red font-size30px">我是段落</p>
	<!--注意: 以下三个等价-->
	.font-size30px{font-size: 30px;}
	.red {font-size: 30px;}
	.font-size30px.red{	font-size: 30px;}

5 通配符选择器

  • 全局所有 *{ margin: 0;padding: 0;}