CSS的id选择器和class选择器

CSS的id选择器和class选择器,id选择器有一个特别的属性,就是id="xx";class选择器也有一个特别的属性,就是class="xx";

操作方法

  • 01

    首先,新建test.html网页文档,代码如下: <html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> </head> <body> <span id="ss">id</span> <div class="dd">class</div> </body> </html> 如图:

  • 02

    接下来,书写CSS样式表,代码如下: #ss{ color:red; } .dd{ color:blue; } 注意:id选择器用#开头,类选择器用.开头

  • 03

    id选择器是唯一的,而类选择器可以有多个。

(0)

相关推荐

  • jQuery选择器(二)属性选择器这个也很有用

    jQuery 选择器是jQuery 最基础的使用方法,用好选择器是我们进行jquery开发的第一步,属性选择器就是通过标签属性进行选择对象的方法,属性是什么?a标签有href属性,img标签有src属 ...

  • CSS id 选择器

    操作方法 01 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的 ...

  • css选择器怎么使用,css有哪些选择器

    css选择器无疑是css代码中最重要的一环,要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器.HTML页面中的元素就是通过CSS选择器进行控制的. 所以合 ...

  • CSS选择器优先级

    CSS选择器优先级的结论是:id选择器优先级 > 类class选择器优先级 > 标签选择器优先级 本文将通过具体实验来证明. 标签选择器 01 对标签p应用样式,效果图如下: 02 新建一 ...

  • css选择器有哪些,以及它们们的优先级

    css(层叠式样式表)作为一种表现标准语言,它能使html的表现更加丰富;作为一名web应用开发人员,css的使我们的工作变的更加有趣,同时也让我们增加了许多头疼的事!现在小编着重讲一下css的常见选 ...

  • jQuery 选择器,jQuery如何选择div元素

    jQuery 元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器允许您对 HTML 元素组或单个元素进行操作. 操作方法 01 jQuery 元素选择器 jQue ...

  • HTML设置CSS时class和id的用法与区别是什么?

    初学者在接触CSS时候肯定会遇到这样的问题,class可以用来设置css,id也可以用来设置css,那么他们有什么区别呢?下面就给大家实际操作一下,就可以非常清楚的看到这两者的区别了. 操作方法 01 ...

  • CSS3中选择器

    css3中的属性选择器 操作方法 01 选择器: :root  根选择器(相当于html) :not  取反选中器(否定选择器) :empty  空选择器(选中没有任何元素的标签) :target   ...

  • jq基本选择器怎样使用呢?

    jQuery的基本选择器非常强大,不过刚学习jQuery的小伙伴可能还不了解,今天小编我就来给大家讲解讲解.今天讲解的基本选择器包括:first,:last,:odd,:even,:gt(),:lt( ...