三种基本选择器( 重点!!! )
【注意】:
优先级:
不遵循就近原则,固定的
id选择器>class选择器>标签选择器
1,标签选择器
【注释】:标签选择器,会选择到页面上所有的这个标签的元素
【代码】:
<style>
h1{
color: orange;
}
p{
font-size: 20px;
color: darkturquoise;
}
</style>
2,类选择器
【注释】:
类选择器的样式:.class的名称{}的
好处:可以多个标签归类,是同一个class,可以复用,完全可以跨标签使用!
【代码】:
<style>
.窈窕淑女{
color: coral;
}
.君子好逑{
color: darkcyan;
}
</style>
<h1 class="窈窕淑女">学习Java</h1>
<h1 class="君子好逑">学习CSS</h1>
<p class="窈窕淑女">学习HTML</p>
3,id选择器
【注释】:
id选择器:id必须保证全局统一
格式:#id名称{}
【代码】:
<style>
#style{
color: darkviolet;
}
</style>