你的位置:首页 > 软件开发 > 网页设计 > 后端码农谈前端(CSS篇)第三课:选择器 (韩兆新)

后端码农谈前端(CSS篇)第三课:选择器 (韩兆新)

发布时间:2015-03-22 20:00:19
一、选择器 1、ID选择器: 语法:首先,ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。请看下面的规则: *#intro {font-weight:bold;}与类选择器一样,ID 选择器中可以忽略通配选择器。前面的例子也可以写作:#intro {font-weight ...

一、选择器

1、ID选择器:

语法:与类选择器一样,ID 选择器中可以忽略通配选择器。前面的例子也可以写作:这个选择器的效果将是一样的。

2、类选择器:

语法:如果您只想选择所有类名相同的元素,可以在类选择器中忽略通配选择器,这没有任何不好的影响:

3、元素选择器:

最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。

4、属性选择器:

属性选择器可以根据元素的属性及属性值来选择元素。例子 2例子 3例子4例子5

5、后代选择器:

以父元素为范围选择后代元素。

6、子元素选择器:

以父元素为范围选择子元素。

7、相邻兄弟选择器:

例如:这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。

二、选择器的优先级

我们知道择器指向的越准确,它的优先级就越高。权值 = [0,1,0,1]

CSS 优先级法则:提示:通过分组,创作者可以将某些类型的样式“压缩”在一起,这样就可以得到更简洁的样式表。

原标题:后端码农谈前端(CSS篇)第三课:选择器 (韩兆新)

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。