css中三种基本选择器,CSS-3-三种基本选择器

CSS -> 基本选择器

作用：选择页面上的某一个或者某一类元素

1. 基本选择器

1.1 标签选择器

选择一类标签

Title

/*标签选择器：会选择到页面上所有的这个标签的元素*/

h1 {

color: blue;

background: hotpink;

border-radius: 20px;

}

p {

font-size: 80px;

}

Singer

Singer

Charlie Path

1.2 类选择器

class

选择所有class 属性一致的标签，可以复用，可以跨标签

Title

/*类选择器的格式： .class的名称{}

好处：可以多个标签归类，是同一个class,可以复用

*/

.one{

color: hotpink;

}

.two{

color: aqua;

}

.three{

color: coral;

}

ONE

TWO

THREE

THREE2

P标签

1.3 id选择器

id名称必须全局唯一！不可重用

id名称不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

Title

/*id选择器：id必须保证全局唯一

#id名称{}

优先级：不遵循就近原则！

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

*/

#ano{

color: deeppink;

}

.babe{

color: blue;

}

h1{

color: #000;

}

123

456

789

789

789

优先级：id选择器 > class选择器 > 标签选择器

标签：Title,color,标签,class,id,三种,选择器,CSS

来源： https://blog.csdn.net/baidu_38126306/article/details/110729452