CSS3新增的三个模块 关系选择器 E+F 下一个满足条件的兄弟元素节点 E~F 并列结构下满足条件的兄弟元素节点 属性选择器 E[attr~="val"] E[attr |="val"] E[attr^="val"] E[attr$="val"] E[attr*="val"] 伪元素选择器 E:: ...
分类:
Web程序 时间:
2019-07-15 01:17:39
阅读次数:
115
点击 methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的... ...
分类:
其他好文 时间:
2019-06-14 12:55:28
阅读次数:
109
查资料在元素内部/外部追加元素二、在元素的不同位置追加内容三、在元素的开始位置追加内容四、在不同元素的开始位置追加内容等等(使用的bui框架)。 一、在元素内部/外部追加元素 append,prepend:添加到子元素 before,after:作为兄弟元素添加 举一个append和after的例子 ...
分类:
Web程序 时间:
2019-05-31 13:20:32
阅读次数:
166
为span后的一个p元素 设置一个背景颜色 span+p{} 选中后面紧挨着的那个p元素 选中后面的所有兄弟元素 span~p{} 选中span后面的所有p兄弟 ...
分类:
其他好文 时间:
2019-05-22 21:00:59
阅读次数:
75
Relationship Selectors:关系型选择器 Attribute Selectors:属性选择器 Pseudo-Element Selectors:伪元素选择器 一、Relationship Selectors:关系型选择器 1. E + F : 选择E的下一个兄弟元素并且满足条件F ...
分类:
Web程序 时间:
2019-04-17 09:33:57
阅读次数:
381
1、E:nth-child(n):匹配元素类型为E且是父元素的第n个子元素 2、E:first-child:匹配元素类型为E且是父元素的第一个子元素3、E:last-child:匹配元素类型为E且是父元素的最后一个子元素4、E > F E元素下面第一层子集5、E ~ F E元素后面的兄弟元素6、E ...
分类:
Web程序 时间:
2019-03-10 09:55:32
阅读次数:
209
css组成1.样式表2.规则3.选择器+声明块4.声明5.css属性和css属性值组成的键值对 解析css的规则是:浏览器从右向左解析 css的部分属性存在继承关系 选择器有:基本选择器 略 基本选择器扩展子元素选择器 div>ul>li相邻兄弟选择器 div ul + p只会匹配紧跟其后的兄弟元素 ...
分类:
Web程序 时间:
2019-02-23 01:27:22
阅读次数:
232
1. 空格 —— “后代选择器” 例如下面这个例子,表示div元素里面所有的p元素 2. > —— “子选择器” 例如下面这个例子,表示div元素里面所有的子代(不含孙代及以后)p元素 3. ~ —— “兄弟元素选择器” 例如下面这个例子,表示.cls元素往后的同级的p元素 4. + —— "相邻兄 ...
分类:
Web程序 时间:
2019-02-23 01:23:22
阅读次数:
1346
元素选择子: * 任何元素 E 与E标签结合的任何元素 E F E的所有派生标签中,有F标签的元素 E > F 或者 E/F E的所有直接的拥有F标签的子类 E + F 所有具有F标签的元素,紧靠的前一个元素有E标签 E ~ F 所有具有F标签的元素,前一个兄弟元素有E标签 属性选择子: @和引号是 ...
分类:
Web程序 时间:
2019-02-19 15:02:11
阅读次数:
2653