一、设计良好的网页结构 二、初识css 三、选择器 1、标签选择器 el 2、ID选择器 #id 3、类选择器 .classname 4、特殊选择器 子选择器 div > span 子元素 包含选择器 div span 子孙元素 相邻选择器: div + span 相邻且匹配的兄弟 分组选择器 di ...
分类:
Web程序 时间:
2017-06-03 20:54:03
阅读次数:
258
一、基本选择器 1)ID选择器 2)标签选择器 3 ) 类选择器 4 ) 通配符选择器 二、层级选择器 1 ) 包括选择器 2 ) 子选择器 3 ) 相邻选择器 4 ) 兄弟选择器 三、简单的伪类选择器 1 ) 特定位置选择器 2 ) 指定范围选择器 3 ) 排除选择器 四、与内容相关的伪类选择器 ...
分类:
Web程序 时间:
2017-04-23 18:09:19
阅读次数:
158
1.css选择符有哪些?属性继承?优先级算法如何计算?css3新增伪类有哪些?css选择符:id选择器(# myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a)、通配符选择器( * )、属 ...
分类:
Web程序 时间:
2017-04-15 22:43:58
阅读次数:
310
任务目的 任务描述 任务注意事项 参考资料 MDN Adjacent sibling selectors: 了解CSS中的兄弟相邻选择器 使用CSS实现折叠面板总结 1、CSS3 :target Selector 当浏览器地址里的hash(地址里#号后面的部分)和:target伪选择器指定的ID匹配 ...
分类:
Web程序 时间:
2017-03-23 16:35:57
阅读次数:
654
在做兄弟元素 和 相邻元素的 移入移出控制显示与否的功能的时候,发现了一个问题,具体代码如下: 当鼠标移入left 的时候,我们发现right发生了改变,但是我们如果把鼠标移入到right的时候,left就不会发生改变,如下截图: 由此我们可以得出一个结论, 兄弟选择器或者相邻选择器,永远是从前到后... ...
分类:
其他好文 时间:
2017-03-19 01:38:05
阅读次数:
123
一、样式类型 1、行间 2、内联 3、外部 二、选择器类型 1、ID #id 2、class .class 3、标签 p 4、通用 * 5、属性 [type="text"] 6、伪类 :hover 7、伪元素 ::first-line 8、子选择器、相邻选择器 三、权重计算规则 四、比较规则 五、! ...
分类:
Web程序 时间:
2016-09-26 00:39:12
阅读次数:
350
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?CSS新增了哪些特性?下面我整理了一些,仅供参考。 CSS 选择符: 1) id选择器(# myid) 2) 类选择器(.myclassname) 3) 标签选择器(div, h1, p) 4) 相邻选择器(h1 ...
分类:
编程语言 时间:
2016-08-22 19:42:10
阅读次数:
264
1.关系选择器 关系选择符可以分为: 包含选择器: 子选择器: 相邻选择器: 兄弟选择器: 2.id及class选择器 id 及 class 均是css 提供由用户自定义标签名称的选择符,用户可以使用选择符id及class 来对页面中的xhtml标签进行自定义名称,从而达到扩展xhtml标签及组合h ...
分类:
Web程序 时间:
2016-08-10 12:25:03
阅读次数:
207
a选择器 一,相邻选择器; 1,相邻选择器 1),定义:相邻选择器匹配指定元素的相邻兄弟元素 2),用法:如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器 3),表示符号: 使用加号(+)作为结合符 4),使用前提: a,必须有共同的父元素; b,必须相邻; 2, ...
分类:
其他好文 时间:
2016-07-22 21:27:26
阅读次数:
121
一,相邻选择器; 1,相邻选择器 1),定义:相邻选择器匹配指定元素的相邻兄弟元素(切记自己是一个参考点并不会选择) 2),用法:如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器 3),表示符号:使用加号(+)作为结合符 4),使用前提: a,必须有共同的父元素; ...
分类:
Web程序 时间:
2016-07-20 21:28:01
阅读次数:
244