CSS案例选择器的相关内容

文章 2017-12-31 来自：开发者社区

css案例学习之并集选择器

代码 <html> <head> <title>并集选择器</title> <style type="text/css"> h1, h2, h3, h4, h5, p{ /*并集选择器*/ color:purple; /* 文字颜色 */ font-size:15p...

文章 2017-05-02 来自：开发者社区

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

文章 2017-05-02 来自：开发者社区

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

2.8　结构伪类选择器伪类可以将一段并不存在的HTML当作独立元素来定位，或是找到无法使用其他简单选择器就能定位到的切实存在的元素。因此CSS3给伪类选择器引入一种“结构伪类选择器”。这种选择器可以根据元素在文档树中的某些特性（如相对位置）定位到它们。也就是说，通过文档树结构的相互关系来匹配特定的元素，从而减少HTML文档对ID或类名的定义，帮助你保持代码干净和整洁。 2.8.1　重温HTML....

文章 2017-05-02 来自：开发者社区

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

2.7　UI元素状态伪类选择器 UI元素状态伪类选择器也是CSS3选择器模块组中的一部分，主要用于form表单元素上，以提高网页的人机交互、操作逻辑以及页面的整体美观，使表单页面更具个性与品位，而且使用户操作页面表单更便利和简单。 2.7.1　UI元素状态伪类选择器语法 UI元素的状态一般包括：启用、禁用、选中、未选中、获得焦点、失去焦点、锁定和待机等。在HTML元素中有可用和不可用状态，例如表....

文章 2017-05-02 来自：开发者社区

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

2.6　语言伪类选择器使用语言伪类选择器来匹配使用语言的元素是非常有用的，特别是用于多语言版本的网站，其作用更是明显。可以使用他来根据不同语言版本设置页面的字体风格。 2.6.1　语言伪类选择器语法语言伪类选择器是根据元素的语言编码匹配元素。这种语言信息必须包含在文档中，或者与文档关联，不能从CSS指定。为文档指定语言，有两种方法可以表示。如果使用HTML 5，直接可以设置文档的语言。例如：....

文章 2017-05-02 来自：开发者社区

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

2.5　目标伪类选择器目标伪类选择器“:target”是众多实用的CSS3特性中的一个，用来匹配文档（页面）的URI中某个标志符的目标元素。具体来说，URI中的标志符通常会包含一个井号（#），后面带有一个标志符名称，例如“#contact”“:target”就是用来匹配ID为“contact”的元素的。换种说法，在Web页面中，一些URL拥有片段标识符，它由一个井号（#）后跟一个锚点或元素ID....

文章 2017-05-02 来自：开发者社区

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

2.4　动态伪类选择器伪类选择器对于大家来说最熟悉的莫过于“:link”、“:visited”、“:hover”、“:active”，因为这些是大家平时常用到的伪类选择器。而CSS3的伪类选择器可以分成六种：动态伪类选择器、目标伪类选择器、语言伪类选择器、UI状态伪类选择器、结构伪类选择器和否定伪类选择器。伪类选择器语法书写时和其他的CSS选择器写法有所区别，都以冒号（：）开头。例如： E:....

文章 2017-05-02 来自：开发者社区

图解css3：核心技术与案例实战. 2.2　基本选择器

2.2　基本选择器基本选择器是CSS中使用最频繁、最基础，也是CSS中最早定义的选择器，这部分选择器在CSS1中就定义了，为了便于初学者温故而知新，不妨回顾CSS的基础选择器。 2.2.1　基本选择器语法通过基本选择器可以确定HTML树形结构中大多数的DOM元素节点。其详细说明如表2-1所示。表2-1　基本选择器语法选择器类型 &...