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}

<p class="txt">你好，世界</p>