选择子元素
决意任意的昆裔元素,而是盼愿放大规模,只决议某个元素的子元素,请应用子元素决定器(Child selector)。 例如,假定您巴望决意只作为 h1 元素子元素的 strong 元素,梗概如许写:
特定属性选择类型
特定属性决意器。请看下面的例子: *[lang|=en] {color: red;} 上面这个划定会决议 lang 属性便是 en 或以 en- 一开始的全体元素。因而,以下示例标识表记标帜中的前三个元素将被选中,而不
子串匹配属性选择器
上面为您介绍一个更低级的决意器模块,它是 CSS2 完成以后揭橥的,此中搜罗了更多的一小部分值属性决定器。按照规范的说法,应当称之为子串完婚属性决意器。 得多古代浏览器都赞
部分值属性选择器与点号类名记法的区别
如果忽略了波浪号,则说明需要完成完全值匹配。 部分值属性选择器与点号类名记法的区别 该选择器等价于我们在类选择器中讨论过的点号类名记法。 也就是说,p.important 和 p[class=
根据部分属性值选择
如果需要根据属性值中的词列表的某个词进行选择,则需要使用波浪号(~)。 假设您想选择 class 属性中包含 important 的元素,可以用下面这个选择器做到这一点: p[class~=important] {col
属性与属性值必须完全匹配
这种格式要求必须与属性值完全匹配。 如果属性值包含用空格分隔的值列表,匹配就可能出问题。 请考虑一下的标记片段: p class=important warningThis paragraph is a very important warning./p 如果
CSS 2 引入了属性选择器。
属性决定器大约依据元素的属性及属性值来决意元素。 简单属性决议 假如巴望决定有某个属性的元素,而不论属性值是什么,可使用容易属性决议器。 例子 1 假定您企望把搜聚问题(
类选择器还是 ID 选择器?
在类决定器这一章中我们曾讲授过,可以为任意多个元素指定类。前一章中类名 important 被应用到 p 和 h1 元素,何况它还可以使用到更多元素。 区别 1:只能在文档中使用一次 与类差别
CSS ID 选择器
在某些方面,ID 决定器相似于类决议器,不过有了一些紧要分歧。 语法 首先,ID 决定器后头有一个 # 号 - 也称为棋盘号或井号。 请看下面的规则: *#intro {font-weight:bold;} 与类决定器同
class 属性中只有词 important 和 warning,将不能匹配
通过把两个类选择器链接在一同,仅大概决意同时收罗这些类名的元素(类名的顺叙不限)。 若是一个多类抉择器收罗类名列表中不有的一个类名,成亲就会战败。请看上面的划定规矩
CSS 多类选择器
在上一节中,咱们处置了 class 值中搜罗一个词的情况。在 HTML 中,一个 class 值中或许搜聚一个词列表,各个词之间用空格分隔。譬喻,如果指望将一个特定的元素同时标志为重要(i
结合元素选择器
类选择器可以松散元素决定器来运用。 譬喻,您兴许指望只有段落表现为红色文本: p.important {color:red;} 抉择器目下当今会完婚 class 属性征求 important 的悉数 p 元素,然则别的任何类型
CSS 类选择器
类决议器准许以一种独立于文档元素的方式来指定款式。 该选择器或是单独使用,也能够与另外元素会萃使用。 默示:只需适合地标记文档后,才干使用这些决议器,以是使用这两种
类型选择器
在 W3C 尺度中,元素决意器又称为类型决意器(type sele首席技术官r)。 类型决意器结婚文档措辞元素类型的称号。类型决意器婚配文档树中该元素类型的每一个实例。 下面的划定完婚
某个样式从一个元素切换到另一个元素
能够将某个款式从一个元素切换到另外一个元素。 若是您决议将下面的段落文本(而不是 h1 元素)配置为灰色。只重要把 h1 选择器改为 p: html {color:black;}p {color:gray;}h2 {color:silver;}
CSS 元素选择器
最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。 如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身: html
相邻兄弟选择器
相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可
水平导航栏
有两种创建水平导航栏的方法。使用行内或浮动列表项。 两种方法都不错,但是如果您希望链接拥有相同的尺寸,就必须使用浮动方法。 行内列表项 除了上面的标准代码,构建水平导
垂直导航栏
如需构建垂直导航栏,我们只需要定义 a 元素的样式,除了上面的代码之外: 实例 a{display:block;width:60px;}
导航栏 = 链接列表
导航栏需要标准的 HTML 作为基础。 在我们的例子中,将用标准的 HTML 列表来构建导航栏。 导航栏基本上是一个链接列表,因此使用 ul 和 li 元素是非常合适的: 实例 ullia href=default.as
CSS 分类属性 (Classification)
CSS 分类属性准许你牵制如何闪现元素,设置装备摆设图像展示于另一元素中的那边,相对付其正常位子来定位元素,应用相对值来定位元素,以及元素的可见度。 属性 刻划 clear 配置一
CSS 尺寸属性
CSS 尺寸属性允许你控制元素的高度和宽度。同样,还允许你增加行间距。 属性 描述 height 设置元素的高度。 line-height 设置行高。 max-height 设置元素的最大高度。 max-width 设置元素的最
对齐块元素
块元素指的是占据全部可用宽度的元素,并且在其前后都会换行。 块元素的例子: h1pdiv
结合其他选择器
相邻兄弟结合符还可以结合其他结合符: html body table + ul {margin-top:20px;} 这个选择器解释为:选择紧接在 table 元素后出现的所有兄弟 ul 元素,该 table 元素包含在一个 body 元素中,body
相邻兄弟结合符旁边可以有空白符
相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adjacent sibling combinator)。 注释:与子结合符一样,相邻兄弟结合符旁边可以有空白符。 请看下面这个文档树片段: div ul liList
相邻兄弟选择器可选择紧接在另一元素后的元素
选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。 例如,如果要增加紧接在 h1 元素后出现的段落的
结合后代选择器和子选择器
请看下面这个选择器: table.company td p 上面的选择器会选择作为 td 元素子元素的所有 p 元素,这个 td 元素本身从 table 元素继承,该 table 元素有一个包含 company 的 class 属性。
元素子元素的所有 strong 元素
子选择器使用了大于号(子结合符)。 子结合符两边可以有空白符,这是可选的。因此,以下写法都没有问题: h1 strongh1 strongh1 strongh1strong 如果从右向左读,选择器 h1 strong 可以解释为
所有元素的一个分组选择器
文档中所有元素的一个分组选择器。利用通配选择器,只需敲一次键(仅一个星号)就能使文档中所有元素的 color 属性值指定为 red。 声明分组 我们既可以对选择器进行分组,也可以对
通配符选择器
CSS2 引入了一种新的简单选择器 - 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。 例如,下面的规则可以使文档中的每个元素