css的选择符有哪些

css的选择符有:1、通配选择符;2、类型选择符;3、属性选择符;4、子对象选择符;5、ID选择符;6、类选择符;7、选择符分组;8、伪类及伪对象选择符。其中,通配选择符选定文档目录树(DOM)中的所有类型的单一对象。

css的选择符有哪些-Worktile社区

1、通配选择符

语法:{ sRules }

说明:通配选择符。选定文档目录树(DOM)中的所有类型的单一对象;假如通配选择符不是单一选择符中的少数组成,“*”可以省略。

示例:

*[lang=fr] { font-size:14px; width:120px; }
*.div { text-decoration:none; }

2、类型选择符

语法:E { sRules }

说明:类型选择符。以文档语言对象(Element)类型作为选择符。

示例:

td { font-size:14px; width:120px; }
a { text-decoration:none; }

3、属性选择符

  • E [ attr ] { sRules }:选择具有 attr 属性的 E;
  • E [ attr = value ] { sRules }:选择具有 attr 属性且属性值等于 value 的 E;
  • E [ attr ~= value ] { sRules }:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”必须的;
  • E [ attr |= value ] { sRules }:指定了属性名,并且属性值仅是value或者以“value-”开头的值(比如说left-con)。

4、子对象选择符

语法:E1 > E2 { sRules }

说明:子对象选择符。选择所有作为 E1 子对象的 E2 。

示例:

body > p { font-size:14px; }
/* 所有作为body的子对象的p对象字体尺寸为14px */
div ul>li p { font-size:14px; }

5、ID选择符

语法:#ID { sRules }

说明:ID选择符。以文档目录树(DOM)中作为对象的少数标识符的 ID 作为选择符。

示例:

#note { font-size:14px; width:120px;}

6、类选择符

语法:E.className { sRules }

说明:类选择符。在HTML中可以使用此种选择符。其效果等同于E [ class ~= className ] 。在IE5+,可以为对象的 class 属性(特性)指定多于一个值( className ),其方法是指定用空格隔开的一组样式表的类名。

示例:

div.note { font-size:14px; }
/* 所有class属性值等于(包含)"note"的div对象字体尺寸为14px */ 
.dream { font-size:14px; } 
/* 所有class属性值等于(包含)"note"的对象字体尺寸为14px */

7、选择符分组

语法:E1 , E2 , E3 { sRules }

说明:选择符分组。将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。

示例:

.td1,div a,body { font-size:14px; }
td,div,a { font-size:14px; }

8、伪类及伪对象选择符

语法:

  • E : Pseudo-Classes { sRules }
  • E : Pseudo-Elements { sRules }

说明:伪类及伪对象选择符。

  • 伪类选择符。伪类( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。
  • 伪对象选择符。伪对象( Pseudo-Elements )[:first-letter :first-line :before :after]。

示例:

div:first-letter { font-size:14px; }
a.fly :hover { font-size:14px; color:red; }

延伸阅读

基本选择器的优先级

通常我们用四位数字表示优先级,一位一位的进行比较。如,一种选择器的优先级是 0 1 1 0,另一种选择器的优先级是 0 1 0 2,那么就从名列前茅位开始比较,两者均是0,此时看第二位,都是1,第三位,前者为1,后者为0,1自然是比0大的,所以,前者的优先级级别更高。

  • id选择器。用四位数字表示id选择器的优先级就是:0 1 0 0。如:#con {}
  • 类名选择器。用四位数字表示类名选择器的优先级就是:0 0 1 0。如:.h5course {}
  • 标签名选择器。用四位数字表示标签名选择器的优先级就是:0 0 0 1。如:div {}
  • 伪类选择器(如:hover等a标签常见的四种伪类)。用四位数字表示伪类选择器的优先级就是:0 0 1 0
  • 通配符选择器(*)。当通配符单独出现的时候,其优先级为:0 0 0 0。如果它存在于后代选择器当中,涉及到优先级叠加运算的时候,其优先级为:0 0 0 1。

文章标题:css的选择符有哪些,发布者:Z, ZLW,转载请注明出处:https://worktile.com/kb/p/34388

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Z, ZLW的头像Z, ZLW
上一篇 2023年1月5日 上午2:05
下一篇 2023年1月5日 上午2:45

相关推荐

  • 项目管理培训内容有哪些类型

    项目管理培训内容主要包括:基础知识培训、项目规划与控制培训、风险管理培训、质量管理培训、团队管理与领导力培训等。其中,基础知识培训是培训的起点,它主要涵盖项目管理的定义、项目生命周期、项目管理过程等关键概念,让参与者对项目管理有一个全面的理解。 一、基础知识培训 基础知识培训是项目管理培训的基石,主…

    2024年7月24日
    1000
  • bim项目管理平台有哪些内容

    BIM项目管理平台包含的内容主要有:项目管理模块、模型管理模块、协作与沟通模块、任务管理模块、文件管理模块、质量安全模块等。其中,项目管理模块是最核心的部分,它主要负责对项目整体进度的管理,包括项目计划、项目进度、项目成本、项目风险等方面的管理。该模块通常包含了项目信息管理、项目进度管理、项目成本管…

    2024年7月24日
    500
  • 旅游局管理哪些行业项目

    旅游局是一个专门负责管理和监管旅游活动的政府机构,主要负责的行业项目包括:旅游资源开发、旅游景区管理、旅游市场营销、旅游服务质量监管、旅游政策制定、旅游企业管理、旅游行业统计数据收集与分析、旅游规划与建设、旅游文化推广等。其中,旅游资源开发是旅游局的重要职责之一,它涉及到对旅游资源的勘查、评价、利用…

    2024年7月24日
    400
  • 项目管理的职业证书有哪些

    在项目管理领域,各种职业证书层出不穷,但以下几种证书是最为知名和公认的:PMP(项目管理专业人士)、PRINCE2(项目内控环境)、CAPM(认证项目管理师)、MSP(管理成功的项目)、ACP(敏捷认证专家)和CSM(认证Scrum Master)。各种证书的培训和取得,对从事项目管理工作的人来说,…

    2024年7月24日
    300
  • 项目管理的关键点有哪些

    项目管理的关键点包括:明确目标、制定详细计划、有效沟通、风险管理、资源分配、进度监控、质量控制、变更管理。明确目标是项目管理的基础,确保项目的所有参与者都了解并认同项目的最终目标,这是项目成功的第一步。明确目标不仅要清晰具体,还需可衡量、可实现、有时间限制和相关性。制定详细计划则是根据项目目标,分解…

    2024年7月24日
    300

发表回复

登录后才能评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部