码迷,mamicode.com
首页 >  
搜索关键字:兄弟元素    ( 212个结果
CSS盒子的浮动
在标准流中,一个块级元素在水平方向会自动伸展,直到包含它的元素的边界;而在竖直方向和兄弟元素依次排列,不能并排。使用“浮动”方式后,块级元素的表现就会有所不同。 CSS中有一个float属性,默认为none,也就是标准流通常的情况。如果将float属性的值设置为left或right,元素就会向其父元 ...
分类:Web程序   时间:2017-09-10 10:07:11    阅读次数:1354
网页布局之float
一、浮动的原理浮动是让某元素脱离标准流,漂浮在标准流之上的一种布局方式。任何元素被设置为浮动元素后,就表明它是块级元素,拥有宽高属性。二、浮动带来的影响1、影响它的兄弟元素的位置一个元素设置了浮动样式后,会影响它的兄弟元素,至于如何影响,要看它的兄弟元素是块级元素还是内联元素。如果兄弟元素是块级元素 ...
分类:Web程序   时间:2017-09-03 13:19:32    阅读次数:279
angular4-路由
导入,配置路由信息 routerLink 指令 router-outlet 指令(该指令用于告诉 Angular 加载组件的文档位置,当 Angular 路由匹配到响应路径,并成功找到需要加载的组件时,它将动态创建对应的组件,并将其作为兄弟元素,插入到 router-outlet 元素中。) 路由使 ...
分类:其他好文   时间:2017-09-02 09:40:46    阅读次数:295
css之浮动
首先什么是浮动? 浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素。 float造成的影响 1.浮动会导致父元素高度坍塌 最常见的问题就是父元素高度坍塌,它脱离当前正常的文档流,所以它也无法撑开其父元素 2.浮动对兄弟元素的影响 2.1如果兄弟元素为块级别的 在现代浏览器和IE ...
分类:Web程序   时间:2017-09-01 16:58:53    阅读次数:217
同级兄弟元素之间的CSS进行控制
临近兄弟:用 + 表示,只匹配该元素后边的第一个同级元素。 普通兄弟:用 ~ 表示,匹配该元素后边的所有同级元素。 例子: <style> div#aa p{ font-size:14px; color:#000; } div#aa p.on{ color:#f00; } div#aa p.on ~ ...
分类:Web程序   时间:2017-08-31 19:12:04    阅读次数:402
css 上下文选择器
div p: 选择 div 后代的所有 p 元素 div>p: 选择 div 后代直接子元素 h1~p: 选择 h1 的后续兄弟元素,h1 在 p 之前 h1+p:选择 h1 的后续紧连兄弟元素,h1 在 p 之前 ...
分类:Web程序   时间:2017-08-26 22:47:34    阅读次数:312
自定义 radio 样式(微信小程序)
在一般 web 开发中,常用的思路有两种(纯CSS): 1. 隐藏原生 radio,使用 :checked 选择器和 + 兄弟选择器,给兄弟元素 label 添加伪元素样式(::before / ::after) 2. 还是隐藏原生 radio,使用 :checked 选择器和 + 兄弟选择器,不过 ...
分类:微信   时间:2017-08-21 15:49:26    阅读次数:1163
stylus选中hover元素的兄弟元素下的子元素
stylus设置兄弟元素样式:鼠标浮动在 .video-li 元素上时,.video-li 兄弟中 .video-info 下的 .word 显示。 设置 h1 兄弟元素中,class 为 p1 的元素样式: ...
分类:其他好文   时间:2017-07-28 15:46:53    阅读次数:237
CSS3选择器(全)
CSS选择器复习 通用选择器:* 选择到全部的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的全部兄弟元素 伪元素选择器: ::first-line 匹配文本块的首行 ::first-letter ...
分类:Web程序   时间:2017-07-03 13:56:31    阅读次数:302
CSS选择器复习
通用选择器:* 选择到所有的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素 伪类选择器: :before, :after在元素内容前面、后面添加内容(相当于行内元素) CSS3结构选择 ...
分类:Web程序   时间:2017-06-13 00:00:06    阅读次数:424
212条   上一页 1 ... 8 9 10 11 12 ... 22 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!