首页IT科技选择器权重最高的是(CSS 选择器 权重 特性)

选择器权重最高的是(CSS 选择器 权重 特性)

时间2025-06-14 23:01:08分类IT科技浏览4016
导读:1、css 选择器有哪些?...

1            、css 选择器有哪些?

类选器(class),id选择器            ,标签选择器                  ,通配符选择器(*),伪元素选择器      ,子选择器 ul > li            ,分组选择器 (class,div,li { })                  ,后代选择器(li a{ });

2                  、ccs 权重             。

! important > 行内样式 style > id 选择器 > 类选择器 > 标签选择器 > 通配符选择器(*)

3      、浮动 float

float:left 左浮动      ,right*右浮动

pc端布局 : 多个相同大小的盒子进行布局                  。 浮动只会影响后面的标准流      。

不确定父盒子高度的情况下      ,需要根据子盒子的数量                  ,内容自适应大小            。不给父子盒子高度            ,子盒子就会撑开父亲的高度                  。 但是浮动的子盒子是不占位置的      ,父盒子高度就会为0                  ,需要特殊处理:清除浮动      。

4      、清除浮动的方法 父亲没有高度            ,子元素浮动的情况下需要清除浮动      。

(1)额外标签法 : 在最后一个浮动元素后面加一个标签,这个标签必须是个块级元素                  。

(2)父标签添加类名法:

<div style="overflaow : hidden"></div> /*或者 */ <div style="overflaow : auto"></div>

(3) 伪元素法:" class: after "

<div class="clearfix "></div> <style> .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } //如果是IE6/7,除了上面的代码外,需要加下面这段代码 .clearfix { *zoom:1 } </style>

(4)双伪元素法

//父元类名:clearfix .clearfix:before, .clearfix:after { content: ""; dispaly: table; }, .clearfix:after { clear: both; } //如果是IE6/7,除了上面的代码外                  ,需要加下面这段代码 .clearfix { *zoom:1 }

5                  、css的特性?三大特性

层叠性:样式会覆盖            。

继承性:子元素样式继承父元素的一些样式      。

优先级: 样式有优先级                  。

声明:本站所有文章                  ,如无特殊说明或标注,均为本站原创发布            。任何个人或组织            ,在未征得本站同意时                  ,禁止复制            、盗用      、采集                  、发布本站内容到任何网站            、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益      ,可联系我们进行处理                  。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
爬取安卓app数据(爬取手机APP数据:深入洞察用户需求,助力产品优化) win7开放80端口(Windows7旗舰版系统打开特定端口的方法)