热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

关于css选择器的介绍

本文来自css快速入门栏目,文中为大家介绍了css选择器的相关知识,具有一定的参考价值,希望可以帮助到大家。css选择器有:1、标签选择器;2、类选择器;3、ID选择器。

通配符选择器

*{样式属性:值;}

伪类选择器

链接伪类选择器 (主要针对于a标签 可以没有但是顺序不能颠倒)

:link  /*未访问的链接*/:visited  /*已访问的链接*/:hover  /*鼠标移动到链接上*/     
最常用的链接伪类选择器:active  /*选定的链接 别松开的状态*/

结构(位置)伪类选择器CSS3

:first-child 选取属于其父元素的首个子元素的指定选择器

:last-child 选取属于其父元素的最后一个子元素的指定选择器

:nth-child(N) 匹配属于其父元素的第N个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。N可以是数字,关键词或公式

关键字 :odd是奇数 even是偶数

表达式: 2n偶数 2n+1奇数 n为倍数

:nth-last-child()是从最后一个子元素开始数 默认是首元素

目标伪类选择器

:target目标伪类选择器 选择器可用于选取当前活动的目标元素

子元素选择器

子元素选择器只能选择作为某元素子元素的元素。

写法:

父级在前,子集在后,中间用 > 连接

注:> 两边各要有一个空格,不包含孙子,子孙集,只是儿子集不用 > 则可以选择所有后代

属性选择器

选取标签带有某些特殊属性的选择器可以使用属性选择器

写法:a[title] {} 属性选择器中庸中括号来表示 div[class^=font] { } 以font开始的 div[class$=font] { } 以font结束的 div[class*=tao] { } 表示tao在任意位置都可以。

伪元素选择器(CSS3)

.dome 类选择器:first-child 伪类选择器::first-letter 伪元素选择器

E::first-letter 文本的第一个单词或字

E::first-line 文本第一行

E::selection 可改变选中文本的样式(鼠标)

E::before{ content:"文字" } 盒子内部前面(加字体)

E::after{ content:"文字" } 盒子内部后面(加字体)

推荐教程:css快速入门

以上就是关于css选择器的介绍的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
  • 深入解析Android Activity生命周期
    本文详细探讨了Android中Activity的生命周期,通过实例代码和详细的步骤说明,帮助开发者更好地理解和掌握Activity各个阶段的行为。 ... [详细]
  • 探讨并提供解决方案以应对 'view is not in the window hierarchy' 的错误提示。 ... [详细]
  • 本文介绍了如何处理MySQL数据库中表 'xdb.auditlog' 被标记为已损坏的问题,并提供了解决方案。 ... [详细]
  • 本文介绍了多种Eclipse插件,包括XML Schema Infoset Model (XSD)、Graphical Editing Framework (GEF)、Eclipse Modeling Framework (EMF)等,涵盖了从Web开发到图形界面编辑的多个方面。 ... [详细]
  • 本文详细介绍了一种实现PopupWindow全屏显示且能有效隐藏虚拟按键的技术方案,适用于Android开发。此方法经过实际测试,表现良好,兼容性优秀。 ... [详细]
  • BeautifulSoup4 是一个功能强大的HTML和XML解析库,它能够帮助开发者轻松地从网页中提取信息。本文将介绍BeautifulSoup4的基本功能、安装方法、与其他解析工具的对比以及简单的使用示例。 ... [详细]
  • 本文介绍了如何使用Maven命令对Spring Boot项目中的子模块进行独立打包,包括依赖树的查看、项目的运行和打包等基本操作。 ... [详细]
  • 深入理解异步多线程编程模型
    现代计算机系统中的CPU通过并行处理提高效率,但所谓的并发处理实际上是一种基于轮询的模拟并行。本文探讨了现代处理器如何通过虚拟化技术实现更高的并发性能,以及在.NET框架中如何有效利用线程和异步编程模式。 ... [详细]
  • 本文探讨了 Boost 库中的 Program Options 组件,这是一个强大的工具,用于解析命令行参数和配置文件。文章介绍了如何正确设置和使用该组件,包括处理复杂选项和负数值的方法。 ... [详细]
  • 本文通过具体示例详细介绍了 Python 中的装饰器和装饰类的使用方法,包括带参数的装饰器和装饰类的应用场景。 ... [详细]
  • 解决 Pytest 运行时出现 FileNotFoundError 的方法
    在使用 Pytest 进行测试时,可能会遇到 FileNotFoundError 错误,提示无法找到指定的文件或目录。本文将探讨该错误的原因及解决方案。 ... [详细]
  • SpringBoot新手入门指南
    本文旨在为初次接触SpringBoot的开发者提供一份详细的入门指导,包括如何快速搭建并运行一个简单的SpringBoot应用。通过本文,读者将了解Maven项目的构建、必要的配置文件设置以及基本的应用开发流程。 ... [详细]
  • 本视频详细介绍了如何利用J2EE、JBPM 3.x/4.3、Flex流程设计器、jQuery以及授权认证机制构建高效的企业普及版贝斯OA及工作流管理系统。 ... [详细]
  • BL550721、特点液晶驱动输出:Common输出4线,Segment输出36线内置显示寄存器364144bit2线串行接口(SCL,SDA)内置震荡电路内置液晶驱动电源电路13 ... [详细]
  • 本文介绍了如何在Windows操作系统中安装FFTW库,并详细说明了使用Visual Studio 2010进行4096点快速傅里叶变换(FFT)的步骤。包括下载预编译文件、生成库文件以及配置环境等关键环节。 ... [详细]
author-avatar
风里火
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有