What is a selector? -PHP Chinese website Q&A-What is a selector? -PHP Chinese website Q&A
Please watch and learn.
CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用例如：body{background-color:red} //这里的body就是标签选择器了，{}中是设置匹配元素的背景颜色，即设置body背景色为红色#main{width:600px}//这里的#main就是id选择器了，匹配网页中id为main的元素.logo{width:300px}//这里的.logo就是类型选择器了，匹配网页中class为logo的元素div.logo{width:300px}//这里的div.logo结合了标签选择器和类选择器，匹配网页中class为logo的div元素
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
What is a selector? -PHP Chinese website Q&A-What is a selector? -PHP Chinese website Q&A
Please watch and learn.
CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。
CSS中的选择器有三种，分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用
例如：
body{background-color:red}
//这里的body就是标签选择器了，{}中是设置匹配元素的背景颜色，即设置body背景色为红色
#main{width:600px}
//这里的#main就是id选择器了，匹配网页中id为main的元素
.logo{width:300px}
//这里的.logo就是类型选择器了，匹配网页中class为logo的元素
div.logo{width:300px}
//这里的div.logo结合了标签选择器和类选择器，匹配网页中class为logo的div元素