广告
返回顶部
首页 > 资讯 > 精选 >css选择器指的是什么
  • 243
分享到

css选择器指的是什么

2023-06-14 09:06:51 243人浏览 八月长安
摘要

这篇文章主要介绍了CSS选择器指的是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。每一条css样式定义由两部分组成,形式如“选择器{样式}”;在“{}”之前的部分就是“选

这篇文章主要介绍了CSS选择器指的是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

每一条css样式定义由两部分组成,形式如“选择器{样式}”;在“{}”之前的部分就是“选择器”。 “选择器”指明了“{}”中“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

要使用css对html页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下:选择器{样式} ,在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素

接下来我们就来看一个图,是对上述定义具体的分析。

css选择器指的是什么

如图,我们可以知道:

在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素

选择器通常是您需要改变样式的 HTML 元素,如:<p>,<body>,<h2>等等

每一条格式声明语句由“属性名:属性值”对组成,属性名和属性值间以冒号隔开,每条声明语句以英文状态下的分号“;”结束。

介绍完css选择器是什么后,我们下面就来看看css选择器有哪些类型?

css选择器有哪些类型?

css选择器的种类是有很多的,下面我们就来看一看css选择器的类型

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

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

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

全局选择器(如:*号)。

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

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

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

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

感谢你能够认真阅读完这篇文章,希望小编分享的“css选择器指的是什么”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网精选频道,更多相关知识等着你来学习!

--结束END--

本文标题: css选择器指的是什么

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

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

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

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

下载Word文档
猜你喜欢
  • css选择器指的是什么
    这篇文章主要介绍了css选择器指的是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。每一条css样式定义由两部分组成,形式如“选择器{样式}”;在“{}”之前的部分就是“选...
    99+
    2023-06-14
  • css >指的是什么选择器
    这篇文章主要介绍css >指的是什么选择器,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一...
    99+
    2023-06-14
  • CSS属性选择器指的是什么
    小编给大家分享一下CSS属性选择器指的是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! CSS属性选择器 <met...
    99+
    2022-10-19
  • css选择器指的是什么意思
    这篇文章主要介绍css选择器指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在CSS中,选择器是选取需设置样式的元素的模式;css选择器指明了css样式的作用对象,即“样式”作用于网页中的哪些元素,语法格...
    99+
    2023-06-15
  • Css的选择器是什么
    这篇文章给大家分享的是有关Css的选择器是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。CSS的3种主要的选择器。1.通用标签:CSS代码中的 p 用来选择HTML元素 &l...
    99+
    2022-10-19
  • css选择器是什么
    小编给大家分享一下css选择器是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   如果我们合适使用css选择器,会让我们...
    99+
    2022-10-19
  • “+”是什么css选择器
    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。相邻兄弟元素选择器(E + F)相邻兄弟选择器能够选择紧接在另外一元素后的元素,并且他们具备一个相同的父元素,换句话说,EF两元素具备一个相...
    99+
    2022-11-24
    css 选择器
  • CSS中选择器的选择原则是什么
    这篇文章给大家分享的是有关CSS中选择器的选择原则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择...
    99+
    2022-10-19
  • CSS中的选择器是什么
    本篇内容主要讲解“CSS中的选择器是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS中的选择器是什么”吧!选择器语法我们先了解一下选择器的语法,然后深入...
    99+
    2022-10-19
  • css选择器的作用是什么
    这篇文章主要介绍“css选择器的作用是什么”,在日常操作中,相信很多人在css选择器的作用是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css选择器的作用是什么”的疑惑...
    99+
    2022-10-19
  • CSS选择器的权重是什么
    这篇文章主要介绍了CSS选择器的权重是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS选择器的权重是什么文章都会有所收获,下面我们一起来看看吧。 选择器的权重 权重...
    99+
    2022-10-19
  • CSS的基础选择器是什么
    这篇文章主要介绍“CSS的基础选择器是什么”,在日常操作中,相信很多人在CSS的基础选择器是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS的基础选择器是什么”的疑惑...
    99+
    2022-10-19
  • CSS单独的选择器是什么
    这篇文章主要讲解了“CSS单独的选择器是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS单独的选择器是什么”吧! id 选择器即使不被用来创建派生...
    99+
    2022-10-19
  • CSS类选择器和ID选择器的区别是什么
    这篇文章主要介绍了CSS类选择器和ID选择器的区别是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS类选择器和ID选择器的区别是什么文章都会有所收获,下面我们一起来看看...
    99+
    2022-10-19
  • CSS派生选择器是什么
    这篇文章主要讲解了“CSS派生选择器是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS派生选择器是什么”吧!CSS 高级语法CSS id 选择器派生...
    99+
    2022-10-19
  • CSS通用选择器是什么
    这篇文章主要讲解了“CSS通用选择器是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS通用选择器是什么”吧! id选择器:#header{} c...
    99+
    2022-10-19
  • css3中类选择器指的是什么
    这篇文章主要介绍“css3中类选择器指的是什么”,在日常操作中,相信很多人在css3中类选择器指的是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css3中类选择器指的是...
    99+
    2022-10-19
  • CSS中的id选择器与class选择器的区别是什么
    本篇内容主要讲解“CSS中的id选择器与class选择器的区别是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS中的id选择器与class选择器的区别是...
    99+
    2022-10-19
  • CSS选择符是什么
    这篇文章将为大家详细讲解有关CSS选择符是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 选择符:标签选择符、类选择符、id选择符; 继承不如指定Id>cl...
    99+
    2022-10-19
  • css中的属性选择器是什么
    小编给大家分享一下css中的属性选择器是什么,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! [attr]:匹配拥有attr属性的标签。 [attr=val]:匹配拥有attr属性,...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作