Attribute Selectors(属性选择器) E[attr ~="val"] E[attr |="val"] E[attr ^="val"] E[attr $="val"] E[attr *="val"] E[attr ~="val"] 我们平常用的属性选择器是 E[data="a"],我们来看看他们两个有什么区别: E[attr |="val&qu…

CSS 3 现状 兼容性差,需添加私有前缀/移动端优于PC端/不断改进中/渐进增强原则/考虑用户群体/遵照产品的方案 : CSS3手册 需要阅读其--阅读及使用指引 []表示全部的可选项 || 或者 | 表示 多选一 ? 表示 0个或1个 * 表示 0个或多个 {}表示范围  {A}代表出现A次 ,{A,B}代表出现A次以上B次以下 ,B可以省略,{A,} 代表至少出现A次,无上限 # 出现1次以上,以逗号隔开,可以选择后面跟大括号的方式精确表示重复次数:<length>#{1,4}. !代表…

使用css选择器,可以实现一个样式对应多个html文档的元素,在{}前面的部分就是"选择器",指明了样式的作用对象. 在CSS中追加了三个属性选择器:[att*=val].[att^=val]和[att$=val] id="top" att就是id,类似的如class,href~~等属性. [att*=val]属性选择器 如果元素att属性的属性值中包含val指定的字符,那么该元素使用这个样式.[att^=val]属性选择器 如果att属性的属性值的开头字符为用va…

一.属性选择器 1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如: //所有以名称g_开头的div的字体颜色为红色div[name^="h_"]{ color:rted; } 2.E[foo$="bar"]:选取属性以bar结尾的元素,如: //所有以名称_h结尾的div的边框宽度为2pxdiv[name$="h_"]{ border:2px; } 3.E[foo*="bar&quo…

一.属性选择器 1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如: //所有以名称g_开头的div的字体颜色为红色div[name^="h_"]{ color:rted; } 2.E[foo$="bar"]:选取属性以bar结尾的元素,如: //所有以名称_h结尾的div的边框宽度为2pxdiv[name$="h_"]{ border:2px; } 3.E[foo*="bar&quo…

1.E[attr]只使用属性名,但没有确定任何属性值 2.E[attr="value"]指定属性名,并指定了该属性的属性值 3.E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的"〜"不能不写 4.E[attr^="value"]指定了属性名,并且有属性值,属性值是以value开头的 5.E[attr$="value&q…

属性选择器: 1.CSS属性选择器 属性选择器E[attr="value"]{} 包含属性选择器E[attr~="value"]{} 2.CSS3的新属性选择器 任意属性选择器E[attr*="value"]{} 开始子串属性选择器E[attr^="value"]{} 结束子串属性选择器E[attr$="value"]{} 多属性属性选择器E[attr="value"][attr=&qu…

想想自己为什么要学CSS,作为一个开发过前端的人员来说,调试一个图片花了半天的时间,最后发现分隔符用错了,实在是一件很丢人的事情.因此,痛下决心来学习CSS,最近一周也会更新下相关的学习笔记. CSS3中使用了很多的属性选择器,通过这些属性选择器,可以根据我们自己的设计来定义元素的样式,制作精美的网页. CSS3属性选择器 下面是CSS3的属性选择器的语法,及使用. 元素名字[元素类型=“类型名字”]:选择器名字{ 属性:值: 属性:值: } 在元素类型匹配时,就可以使用类似正则的匹配方法. […

css3系列-2.css中常见的样式属性和值 继续上一篇文章的继续了解css的基础知识,关注我微信公众号:全栈学习笔记 css中常见的样式属性和值 字体与颜色 背景属性 文本属性 边框属性 内外边距 鼠标光标属性 列表样式 定位属性 浮动和清除浮动 滚动条 样式显示和隐藏 字体与颜色 font-family:微软雅黑;/*字体名称(类型):微软雅黑,黑体,楷体,宋体*/ font-size: 20px;/*字体大小*/ font-weight: 600;/*字体加粗*/ font-style:…

上一节在<CSS3选择器——基本选择器>中主要介绍了CSS3选择器的第一部分,这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器.属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式.使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值. 从上一节展示的CSS3选择器的图表中,我们可以知道,CSS3的属性选择器主要包括以下几种: E[attr]:只使用属性名,但没有确定任何属性值: E[attr=…