css学习——三种基本选择器

选择器（选择某一个或某一类元素）

基本选择器

标签选择器

/*标签选择器会选择页面上所有的这个标签的元素*/
<style>
	h1{
	color:#a13d30;
	background:#1D8E46；
	border-radius:24px;
	}
	/*color字体颜色
	  background背景颜色
	  border-radius圆角*/
	p{
	font-size:80px;
	}
	/*修改字体大小，让p标签的字比h1标签的还大*/
</style>

类选择器（class）

<!--先在html中选择标签，加入class-->
<!--如果想让多个标签的样式相同，只需要标签内class名相同即可-->
<h1 class="xxx">我是标题</h1>
<p classs="xxx">我是另一个标题</p>
<style>
/*类选择器的格式：.class的名称{}*/
.xxx{
	color:red;
	}
</style>

id选择器

<!--与类选择器类似，选择标签，加入id-->
<!--与类选择器的区别，id是全局唯一的-->
<h1 id="abc">我是标题</h1>
<p id="xxx">我是另一个标题</p>
<style>
/**/
#id{
	color:red;
	}
</style>

选择器的优先级：

id选择器>class选择器>标签选择器