CSS的四种基础选择器使用方法和介绍
CSS选择器是什么？
CSS选择器：使用CSS的那个标签的标签名就是选择器，意为：选择哪个容器。
CSS选择器有两大类，分别是基础选择器 和 高级选择器，这篇文章所讲的是CSS里面的基础选择器的使用方法简介。
基础选择器
基础选择器里面也包括了四种选择器，分别如下：
标签选择器：对应某类标签
ID选择器：对应使用该ID的标签
class选择器：标签可以通过class属性调用
通用符选择器：对应所有的标签
标签选择器
制作一个标签选择器，选择器名为div，直接设置名称并且设置css样式即可。
div {color:red}
在html里面 只要是div标签，就会引用上面这个css样式
<div>你好，世界</div>
说明：上面这两串代码的意思是，制作一个标签选择器，选择器名为div，只要是div标签，都会调用所对应的那个css样式。
ID选择器
首先为标签设置一个ID，P标签的ID是 123
<p id="123">你好，世界</p>
制作一个ID选择器，选择器所对应的ID是 123，ID选择器所使用的是 # 这个符号。
#123 {color:red}
p标签的id为123，然后在css文件里面制作一个所对应的选择器，p标签就会调用ID对应的那个选择器。
class选择器
在css文件里面制作一个class选择器，用到的是 . 这个符号
.txt {color:red}
然后在HTML里面通过class属性调用制作的样式
<p class="txt">你好，世界</p>
未经允许不得转载：站长资源网 » CSS的四种基础选择器使用方法和介绍
评论列表