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>
评论列表