您的位置:金沙js28com > 前端 > 网页制作知识之详细讲解CSS选择符

网页制作知识之详细讲解CSS选择符

2019-04-01 12:41

  当元素 E 是它的父元素中的第一个子元素时,匹配元素 E 。(:first-child 伪类)

  如果 E 是一个目标还没有访问过(:link)或者已经访问过(:visited)的超链接的源锚点时匹配元素 E 。(link 伪类)

  如果类型为 E 的元素使用了(人类)语言 c (文档语言确定语言是如何被确定的),则匹配该元素。(:lang() 伪类)

  如果一个元素 E 直接在元素 F 之前,则匹配元素 F 。(临近选择器)

  匹配具有”foo”属性集(不考虑它的值)的任意元素 E 。(属性选择器)

  匹配其“foo”属性值严格等于“warning”的任意元素 E 。(属性选择器)

  匹配其“foo”属性值为空格分隔的值列表,并且其中一个严格等于“warning”的任意元素 E 。(属性选择器)

  匹配其“lang”属性具有以“en”开头(从左边)的值的列表的任意元素 E 。(属性选择器)

  我们用下面的例子来解释“[s]父元素[/s]”、“[s]子元素[/s]”、“[s]父/子[/s]”及“[s]相邻[/s]”这几个概念。

  h1 和 p 同为 div 的“儿子”,两者分别同 div 形成“父/子”关系。

  但 strong 和 div 并非“父/子”关系,而是“祖孙”关系,但 strong 依然是 div 的“子(孙)元素”。

  继承上面的实例来具体演示一下E F的关系:假如,我们需要将 strong 内的内容二字变为绿色,我们可以有哪些方法呢?

  临近选择器和通用选择器:通用选择器以星号“*”表示,可以用于替代任何 tag 。

本文链接:网页制作知识之详细讲解CSS选择符