iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >css中有什么选择符
  • 464
分享到

css中有什么选择符

2023-06-14 21:06:29 464人浏览 独家记忆
摘要

小编给大家分享一下CSS中有什么选择符,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!什么是csscss是一种用来表现html或XML等文件样式的计算机语言,主要是

小编给大家分享一下CSS中有什么选择符,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

什么是css

css是一种用来表现html或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

css选择符有:1、通配选择符“*”;2、id选择符;3、类选择符;4、标签选择符;5、相邻选择符“E+F”;6、子选择器“E>F”;7、后代选择符“E F”;8、伪类和伪元素选择符,例如“:first”;9、属性选择符。

教程操作环境:windows7系统、css3&&HTML5版、Dell G3电脑。

css选择符(选择器)是用来规定css样式用于哪一个或哪一些dom元素的一种规范。

每一条css样式定义由两部分组成,形式如下:选择器{样式} 在{}之前的部分就是“选择器”。

“选择器”指明了{}中的“样式”的作用对象(dom对象),也就是“样式”作用于网页中的哪些元素。

css选择符(选择器)有哪些?

通配选择符( * ):匹配任意元素。

id选择符( # myid):匹配 ID 等于“myid”的任意元素 。

类选择符(.myclassname):匹配 class 等于“myclassname”的任意元素.

标签选择符(div, h2, p):选择指定元素名称的所有元素。

相邻选择符(E + F):用于选择(不是内部)指定的第一个元素之后紧跟的元素。

子选择符(E > F):用于选取带有特定父元素的元素,例ul > li,选择所有父级是 <ul> 元素的每个 <li> 元素。(学习视频分享:css视频教程)

后代选择符(E F):用于选取元素内部的元素。

伪类和伪元素选择符:用于向某些选择器添加特殊的效果。

:active:any-link:blank:checked:current:default
:defined:dir():disabled:drop:empty:enabled
:first:first-child:first-of-type:fullscreen:future:focus
:focus-visible:focus-within:has():host:host():host-context()
:hover:indeterminate:in-range:invalid:is():lang():last-child
:last-of-type:left:link:local-link:not():nth-child()
:nth-col():nth-last-child():nth-last-col():nth-last-of-type():nth-of-type():only-child
:only-of-type:optional:out-of-range:past:placeholder-shown:read-only
:read-write:required:right:root:scope:target
:target-within:user-invalid:valid:visited:where()

属性选择符:选择带有特定属性的元素。

  • [attribute]:用于选取带有指定属性的元素。

  • [attribute=value]:用于选取带有指定属性和值的元素。

  • [attribute~=value]:用于选取属性值中包含指定词汇的元素。

  • [attribute|=value]:用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。

  • [attribute^=value]:匹配属性值以指定值开头的每个元素。

  • [attribute$=value]:匹配属性值以指定值结尾的每个元素。

  • [attribute*=value]:匹配属性值中包含指定值的每个元素。

以上是“css中有什么选择符”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: css中有什么选择符

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

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

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

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

下载Word文档
猜你喜欢
  • css中有什么选择符
    小编给大家分享一下css中有什么选择符,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要是...
    99+
    2023-06-14
  • CSS选择符有什么作用
    本篇内容主要讲解“CSS选择符有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS选择符有什么作用”吧!CSS选择符(选择器):表示要定义样式的对象1...
    99+
    2024-04-02
  • CSS选择符是什么
    这篇文章将为大家详细讲解有关CSS选择符是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 选择符:标签选择符、类选择符、id选择符; 继承不如指定Id>cl...
    99+
    2024-04-02
  • css中有哪些选择符
    这篇“css中有哪些选择符”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“css中有哪些选择符”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。css中...
    99+
    2023-06-06
  • CSS中有什么选择器
    这篇文章将为大家详细讲解有关CSS中有什么选择器,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     一、CSS选择器有哪些   &n...
    99+
    2024-04-02
  • CSS选择符有哪些
    小编给大家分享一下CSS选择符有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! id 选择器 #app 类选择器 .co...
    99+
    2024-04-02
  • CSS中选择符怎么用
    这篇文章给大家分享的是有关CSS中选择符怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   以下提示注意事项:   1.如何选择使用id选择符还是class选择符:当确...
    99+
    2024-04-02
  • CSS子选择符和后代选择符的区别是什么
    这篇文章主要为大家展示了“CSS子选择符和后代选择符的区别是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS子选择符和后代选择符的区别是什么”这篇文章吧...
    99+
    2024-04-02
  • css的选择符有哪些
    本篇内容介绍了“css的选择符有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • CSS中:hover选择器有什么用
    小编给大家分享一下CSS中:hover选择器有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   CSS:hover选择...
    99+
    2024-04-02
  • css中有什么目标选择器
    这篇文章给大家分享的是有关css中有什么目标选择器的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在css中,目标选择器有“:target”。“:target”选择器称为目标选择器,用来选取当前活动的目标元素,匹配...
    99+
    2023-06-15
  • css选择符类型有哪些
    这篇文章主要介绍“css选择符类型有哪些”,在日常操作中,相信很多人在css选择符类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css选择符类型有哪些”的疑惑有所帮...
    99+
    2024-04-02
  • CSS中选择器的选择原则是什么
    这篇文章给大家分享的是有关CSS中选择器的选择原则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择...
    99+
    2024-04-02
  • css中class和id选择器有什么区别
    这篇文章将为大家详细讲解有关css中class和id选择器有什么区别,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要...
    99+
    2023-06-14
  • CSS选择符的使用
    这篇文章主要讲解了“CSS选择符的使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS选择符的使用”吧!CSS选择符详解一、类型选择符什么是CSS选择符...
    99+
    2024-04-02
  • CSS中的选择器是什么
    本篇内容主要讲解“CSS中的选择器是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS中的选择器是什么”吧!选择器语法我们先了解一下选择器的语法,然后深入...
    99+
    2024-04-02
  • CSS选择符之子代选择符的示例分析
    这篇文章给大家分享的是有关CSS选择符之子代选择符的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。后代选择符用于选取一个标签的所有后代,包括子代和孙辈等;而子代选择符只选取指定父辈的子代标签(指定标签元素...
    99+
    2023-06-08
  • CSS中的各种选择符介绍
    本篇内容介绍了“CSS中的各种选择符介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!类型,类和ID选择器...
    99+
    2024-04-02
  • css中选择符的命名规定
    这篇文章主要介绍“css中选择符的命名规定”,在日常操作中,相信很多人在css中选择符的命名规定问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css中选择符的命名规定”的疑惑...
    99+
    2024-04-02
  • CSS属性选择器有什么作用
    这篇“CSS属性选择器有什么作用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS属性选择器有什么作用”文章吧。CSS属性...
    99+
    2023-07-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作