图解css3:核心技术与案例实战. 2.9 否定伪类选择器

2.9 否定伪类选择器 否定选择器“:not()”是CSS3的新选择器,类似jQuery中的“:not()”选择器,主要用来定位不匹配该选择器的元素。 2.9.1 否定伪类选择器语法 “:not()”是一个非常有用的选择器,可以起到过滤内容的作用。语法如表2-16所示。 否定选择器作用非常大,例如以...

图解css3:核心技术与案例实战. 2.8 结构伪类选择器

2.8 结构伪类选择器 伪类可以将一段并不存在的HTML当作独立元素来定位,或是找到无法使用其他简单选择器就能定位到的切实存在的元素。因此CSS3给伪类选择器引入一种“结构伪类选择器”。这种选择器可以根据元素在文档树中的某些特性(如相对位置)定位到它们。也就是说,通过文档树结构的相互关系来匹配特定的...

CSS 快速掌握

49 课时 |
19529 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
8924 人已学 |
免费

前端开发CSS基础

21 课时 |
4255 人已学 |
免费
开发者课程背景图

图解css3:核心技术与案例实战. 2.7 UI元素状态伪类选择器

2.7 UI元素状态伪类选择器 UI元素状态伪类选择器也是CSS3选择器模块组中的一部分,主要用于form表单元素上,以提高网页的人机交互、操作逻辑以及页面的整体美观,使表单页面更具个性与品位,而且使用户操作页面表单更便利和简单。 2.7.1 UI元素状态伪类选择器语法 UI元素的状态一般包括:启用...

图解css3:核心技术与案例实战. 2.6 语言伪类选择器

2.6 语言伪类选择器 使用语言伪类选择器来匹配使用语言的元素是非常有用的,特别是用于多语言版本的网站,其作用更是明显。可以使用他来根据不同语言版本设置页面的字体风格。 2.6.1 语言伪类选择器语法 语言伪类选择器是根据元素的语言编码匹配元素。这种语言信息必须包含在文档中,或者与文档关联,不能从C...

图解css3:核心技术与案例实战. 2.5 目标伪类选择器

2.5 目标伪类选择器 目标伪类选择器“:target”是众多实用的CSS3特性中的一个,用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说,URI中的标志符通常会包含一个井号(#),后面带有一个标志符名称,例如“#contact”“:target”就是用来匹配ID为“contact”的元...

图解css3:核心技术与案例实战. 2.4 动态伪类选择器

2.4 动态伪类选择器 伪类选择器对于大家来说最熟悉的莫过于“:link”、“:visited”、“:hover”、“:active”,因为这些是大家平时常用到的伪类选择器。而CSS3的伪类选择器可以分成六种:动态伪类选择器、目标伪类选择器、语言伪类选择器、UI状态伪类选择器、结构伪类选择器和否定伪...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6411+人已加入
加入
相关电子书
更多
零基础CSS入门教程
立即下载