1.1.1 选择器 1.常用选择器 id选择器(#box)——选择id为box的元素 类选择器(.one) ——选择类名为one的所有元素 标签选择器(div)——选择标签为div的所有元素 后代选择器(#box div)——选择id为box元素内部所有的div元素 // 包括儿子孙子等所有后代 子选择器(.one > one_1)——选择父元素为.one的所...
第二优先级:在html中给元素标签加style,即内联样式。该方法会造成css难以管理,所以不推荐使用。 第三优先级:由一个或多个id选择器来定义。例如,#id{margin:0;}会覆盖.classname{margin:3pxl} 第四优先级:由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;...
2.CSS选择器的优先级? CSS的特性:继承性、层叠性、优先级 优先级:写CSS样式的时候,会给同一个元素添加多个样式,此时谁的权重高就显示谁的样式 标签、类/伪类/属性、全局选择器、行内样式、id、!important !important > 行内样式 > id > 类/伪类/属性 > 标签 > 全局选择器 ...
【前端面试题】class优先级计算 02:51 【前端面试题】css选择器及属性继承 03:37 【前端面试题】css画一个三角形 02:58 【前端面试题】单行文本溢出及多行文本溢出 04:04 【前端面试题】前端页面的三层结构 01:21 【前端面试题】行内元素、块级元素和空元素 04:42 【前端面试题】行内块级元素中...
2分钟学会css选择器,需要资料可以添加wx:itLee7777, 视频播放量 196、弹幕量 0、点赞数 2、投硬币枚数 0、收藏人数 1、转发人数 0, 视频作者 前端Joy姐, 作者简介 10余年资深前端开发,助力你简单、高效的学会前端开发!,相关视频:2分钟学会训练自己的DeepSeek,css盒模
上面九种选择器中ID选择器的效率是最高,而伪类选择器的效率则是最低 计算指定选择器的优先级:重新认识CSS的权重(权重排序,和效率不是一回事) 1.通配选择符的权值 0,0,0,0 2.标签的权值为 0,0,0,1 3.类的权值为 0,0,1,0 4.属性选择的权值为0,0,1,0 ...
1、ID选择器 根据HTML元素的id属性选择元素。 例子: CSS: #div1{ background-color:red; } /* 选中id为div1的HTML元素 */ HTML: 我是ID为div1的div元素 2、class选择器 根据HTML的class属性选择元素。 例子: CSS: .left{ background-color:red } HTML 我是class="left"的div...
一、CSS三大特性之优先级 1. 权重叠加 权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重。 代码示例: <!DOCTYPE html> 权重叠加 /* 复合选择器会有权重叠加的问题 */ /* 权重虽然会叠加,但永远不会有进位 */ /* ul li 权重为:0,0,0,1 + 0,0,0,1 = 0,0,0,2 */ ulli{ col...
语法:h1{color:red;}注意:CSS标签选择器,与HTML标记的名称一样,但不能加尖括号。 (3)class选择器(类选择器)——类选择器是使用频率最高的 描述:给一类HTML标记加样式。这里所指的“一类”是:每个HTML标记都有一个class属性,且class的值一样。class属性是公共属性,每个HTML标记都有。
和 id 一样，class 也可被用作派生选择器：.fancy td { color: #f60; background: #666; }元素也可以基于它们的类而被选择：td.fancy { color: #f60; background: #666; }类名为 fancy 的表格单元将是带有灰色背景的橙色。3 对带有指定属性的 HTML 元素设置样式。[title]{ color:red; }为...