iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >CSS选择器有哪些类型
  • 971
分享到

CSS选择器有哪些类型

2024-04-02 19:04:59 971人浏览 泡泡鱼
摘要

本文小编为大家详细介绍“CSS选择器有哪些类型”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS选择器有哪些类型”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   我们先看

本文小编为大家详细介绍“CSS选择器有哪些类型”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS选择器有哪些类型”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  我们先看一段代码:

  <!DOCTYPEhtml>

  <htmlxmlns="Http://www.w3.org/1999/xhtml">

  <head>

  <title>什么叫CSS选择器?</title>

  </head>

  <body>

  <div>PHP1</div>

  <div>php2</div>

  <div>php3</div>

  </body>

  </html>

  如果我们想要把php2设置成蓝色,怎么办呢?我们必须通过一种方式来“选中”第二个div,然后把它的CSS属性颜色color改为蓝色,像这种把某一个元素改成你想要的效果,把你想要的标签选中的方式就是所谓的“选择器”,也就是说选择器就是一种选择元素的方式。

  所谓选择器,说白了就是用一种方式把你想要的那一个标签选中!把它选中了,你才能操作这个标签的CSS样式。这样够简单了吧。CSS有很多把你所需要的标签选中的方式,这些不同的方式就是不同的选择器。

  二:css选择器有哪些类型

  1.标签选择器(如:body,div,p,ul,li)

  2.类选择器(如:class="head",class="head_loGo")

  3.ID选择器(如:id="name",id="name_txt")

  4.全局选择器(如:*号)

  5.组合选择器(如:.head.head_logo,注意两选择器用空格键分开)

  6.继承选择器(如:divp,注意两选择器用空格键分开)

  7.伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

  8.字符串匹配的属性选择符(^$*三种,分别对应开始、结尾、包含)

读到这里,这篇“CSS选择器有哪些类型”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网JavaScript频道。

--结束END--

本文标题: CSS选择器有哪些类型

本文链接: https://www.lsjlt.com/news/93101.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • CSS选择器有哪些类型
    本文小编为大家详细介绍“CSS选择器有哪些类型”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS选择器有哪些类型”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   我们先看...
    99+
    2024-04-02
  • CSS选择器类型有哪些
    这篇文章主要为大家展示了“CSS选择器类型有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS选择器类型有哪些”这篇文章吧。 CSS选择器类型总结 1...
    99+
    2024-04-02
  • css选择符类型有哪些
    这篇文章主要介绍“css选择符类型有哪些”,在日常操作中,相信很多人在css选择符类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css选择符类型有哪些”的疑惑有所帮...
    99+
    2024-04-02
  • CSS常见的类选择器类型有哪些
    这篇“CSS常见的类选择器类型有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS常...
    99+
    2024-04-02
  • css选择器有哪几种类型
    css 选择器类型:基本选择器:根据元素名称选择,包括元素选择器、类选择器和 id 选择器。修饰符选择器:细化基本选择器范围,包括后代选择器、子选择器、相邻选择器和伪类选择器。属性选择器...
    99+
    2024-04-06
    css css选择器 属性选择器 伪类选择器
  • css伪类选择器有哪些
    CSS 伪类选择器有以下几种:1. :hover - 鼠标悬停在元素上时触发2. :active - 元素被激活时触发,通常是元素被...
    99+
    2023-05-29
    css伪类选择器 css
  • css选择器种类有哪些
    这篇文章主要介绍css选择器种类有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   一、标签名选择器   根据指定的标签名,在当前界面中找到所有该名称的标签,然后设置属性。...
    99+
    2024-04-02
  • jQuary选择器有哪些类型
    jQuery选择器有以下几种类型:1. 元素选择器(Element Selector):通过元素名称选择元素,例如`$("p")`会...
    99+
    2023-08-12
    jQuary
  • CSS选择器的类别有哪些
    这篇文章给大家分享的是有关CSS选择器的类别有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。选择器分为两大类:1.基本选择器a.标签选择器:指的就是选择器的名字代表html页...
    99+
    2024-04-02
  • CSS3的选择器类型有哪些
    本篇内容主要讲解“CSS3的选择器类型有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS3的选择器类型有哪些”吧!什么是CSS3选择器?首先,要提到CSS3,它是最新的CSS标准,比CS...
    99+
    2023-06-27
  • jquery选择器的类型有哪些
    本篇内容主要讲解“jquery选择器的类型有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery选择器的类型有哪些”吧! ...
    99+
    2024-04-02
  • css中的选择器包括哪些类型
    css中的选择器包括标签选择器、id选择器、类选择器、通配符选择器、伪类选择器等等类型。标签选择器。语法:标签名{},例如:h1{}//为所有的h1标签元素设置样式。id选择器。语法:#id名{}//id值唯一不能重复。类选择器。语法:.c...
    99+
    2024-04-02
  • CSS有哪些选择器
    CSS是一种用于网页设计的样式表语言,可以通过它来控制网页的外观和布局。而选择器是CSS中最重要的一部分之一,它可以帮助我们找到想要更改样式的HTML元素。本文将详细介绍CSS中常用的选择器类型。一、基础选择器标签选择器:通过HTML标记名...
    99+
    2023-05-14
  • CSS选择器有哪些
    这篇文章将为大家详细讲解有关CSS选择器有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。复合选择器并集选择器:多个类型选择器,中间用逗号隔开 div,span,p{}...
    99+
    2024-04-02
  • 有哪些css选择器
    CSS(层叠样式表)是一种用于描述网页上元素样式的语言。在CSS中,选择器用于选择需要应用样式的HTML元素。选择器是CSS中最重要的概念之一,它决定了哪些元素将会被样式化。CSS选择器有多种类型,每种类型都有不同的语法和用途。下面是一些常...
    99+
    2023-10-21
    css 选择器
  • CSS伪类选择器的知识有哪些
    这篇“CSS伪类选择器的知识有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS伪类...
    99+
    2024-04-02
  • CSS结构性伪类选择器有哪些
    这篇文章主要介绍“CSS结构性伪类选择器有哪些”,在日常操作中,相信很多人在CSS结构性伪类选择器有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS结构性伪类选择器有...
    99+
    2024-04-02
  • css有哪些结构化伪类选择器
    本篇内容主要讲解“css有哪些结构化伪类选择器”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css有哪些结构化伪类选择器”吧! 选择...
    99+
    2024-04-02
  • css的结构伪类选择器有哪些
    这篇文章主要介绍“css的伪类选择器有哪些”,在日常操作中,相信很多人在css的伪类选择器有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css的伪类选择器有哪些”的疑惑...
    99+
    2024-04-02
  • css选择器有哪些属性选择器
    CSS选择器提供了多种属性选择器,用于根据元素的属性值来选择元素。这些属性选择器可以根据属性值的相等、包含、开始、结束等条件进行选择。以下是CSS中常见的属性选择器:1. 等于选择器(Equals Selector):使用方括号([])和等...
    99+
    2023-10-21
    属性选择器 CSS选择器
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作