图解css3:核心技术与案例实战. 2.9 否定伪类选择器
2.9 否定伪类选择器 否定选择器“:not()”是CSS3的新选择器,类似jQuery中的“:not()”选择器,主要用来定位不匹配该选择器的元素。 2.9.1 否定伪类选择器语法 “:not()”是一个非常有用的选择器,可以起到过滤内容的作用。语法如表2-16所示。 否定选择器作用非常大,例如以...
图解css3:核心技术与案例实战. 2.8 结构伪类选择器
2.8 结构伪类选择器 伪类可以将一段并不存在的HTML当作独立元素来定位,或是找到无法使用其他简单选择器就能定位到的切实存在的元素。因此CSS3给伪类选择器引入一种“结构伪类选择器”。这种选择器可以根据元素在文档树中的某些特性(如相对位置)定位到它们。也就是说,通过文档树结构的相互关系来匹配特定的...
图解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状态伪类选择器、结构伪类选择器和否定伪...
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
社区圈子