CSS关联选择器的大致类型总结

1.包含选择符（A F）选择所有被A元素包含的F元素，中间用空格隔开

2.子选择符（A>F）

选择所有作为A元素的直接子元素F，对更深一层的元素不起作用，用大括号表示。

3.相邻选择符（A+F）
选择紧贴在A元素之后的F元素，用加号表示。选择相邻的第一个兄弟元素。

4.兄弟选择符（A~F）
选择A元素之后的所有兄弟元素F，作用于多个元素，用~隔开

时间： 2024-11-07 02:29:57

CSS关联选择器的大致类型总结的相关文章

css关联选择器大致类型总结

1.包含选择符(A F) 选择所有被A元素包含的F元素,中间用空格隔开 2.子选择符(A>F) 选择所有作为A元素的直接子元素F,对更深一层的元素不起作用,用大括号表示. 3.相邻选择符(A+F)选择紧贴在A元素之后的F元素,用加号表示.选择相邻的第一个兄弟元素. 4.兄弟选择符(A~F)选择A元素之后的所有兄弟元素F,作用于多个元素,用~隔开

在 CSS 中,类选择器以一个点号显示: .center {text-align: center} 在上面的例子中,所有拥有 center 类的 HTML 元素均为居中. 在下面的 HTML 代码中,h1 和 p 元素都有 center 类.这意味着两者都将遵守 ".center" 选择器中的规则. <h1 class="center"> This heading will be center-aligned </h1> <p clas

重温HTML之frameset、css、选择器

分帧(frameset) HTML 框架是划分窗口的技术就是把一个窗口分隔成多个窗口每个窗口显示不同的网页内容多用于后台也叫做分帧 Frameset 注意如果你在页面上写frameset了那么就不能出现body <frameset></frameset> 常用属性: Cols 分列单位可以写像素也可以写百分比之后除上面内容外还可以写*(*代表剩余所有) Rows 分行单位可以写像素也可以写百分比之后除上面内容外还可以写*(*代表剩余所有) Frameborder 分

浅谈css中选择器的优先级

学习web前端,主要学习的课程html5,css,js,ajax等一些基本的编程语言,当然这是一门高深的学问.而这篇文章主要是谈谈我对css中选择器优先级的一些简单的理解与看法,希望对您的学习提供一些帮助.好了,废话不多说了,让我们开始进入主题吧. css中文解释是“层叠式样式表”,在这里我要说一下,所谓层叠样式表的意思就是说我们可以给一个标签或者文本内容同时添加许多种样式,简单点说就是可以通过多种方式去支配同一个东西.那么就会出现这样的问题了——选择优先级的问题.就是谁的属性能起到控制的最终目

css以及选择器基础

CSS样式基础了解1.css基础语法CSS样式的出现是为了将内容和表现分离极大的提高了工作效率内联样式(在 HTML 元素内部)<p style="margin-left: 10px:margin-right:10px"></p><标签名 style="属性:属性值;属性:属性值;" 属性="属性值"></标签名>内部样式表(位于 <head> 标签内部)<style type=&

【css】css常用选择器

css常用选择器 * 通配选择器选择文档中所以HTML元素 E 元素选择器选择指定类型的HTML元素 #id ID选择器选择指定ID属性值为"id"的任意类型元素 .class 类选择器选择指定class属性值为"class"的任意类型的任意多个元素 selector1,selectorN 群组选择器将每一个选择器匹配的元素集合并 E F 后代选择器(包含选择器) 选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内 E>F 子选择器选

CSS类选择器和ID选择器

ID用于标识页面上的特定元素(比如站点导航),而且必须是唯一的. ID也可以用来标识持久的结构性元素,例如主导航或内容区域. ID还可以用来标识一次性元素,例如某个链接或表单元素. 一个ID只能应用于页面上的一个元素. 同一个类名可以应用于页面上任意多个元素,因此类的功能强大的多.类非常适合表示内容的类型或其他相似的条目.例如有一个新闻页面,其中包含多篇新闻,代码如下所示 <div id="story-id-1"> <h2>ID</h2> <p

CSS样式选择器优先级

原文:CSS样式选择器优先级 CSS样式选择器分为4个等级,a.b.c.d,可以以这四种等级为依据确定CSS选择器的优先级. 1.如果样式是行内样式(通过Style=””定义),那么a=12.b为ID选择器的总数3.c为Class类选择器的数量.4.d为类型选择器的数量5.属性选择器,伪类选择器和class类选择器优先级一样,伪元素选择器和类型选择器一样6.!important 权重最高,比 inline style 还要高. 例如: 选择器特殊性 (a,b,c,d) Style= ”” 1,

CSS样式选择器

1 <!-- 2 css样式选择器 3 HTML选择器 4 类选择器 5 ID选择器 6 关联选择器 7 组合选择器 8 伪元素选择器 9 10 selector{ /* selector是样式选择器 11 property:value; /* color:red; 12 property:value; /* font-size:4cm; 13 ..... 14 } 15 16 selector当定义一条样式规则时,必须指定受这条样式规则作用的网页元素,在一条规则中定义的网页元素就是select