为了账号安全,请及时绑定邮箱和手机立即绑定

css3选择器

css3选择器相关知识

  • 第2章 CSS3选择器-2
    2.3 层次选择器层次选择器通过HTML的DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻兄弟和通用兄弟几种关系,通过其中某类关系可以方便快捷地选定需要的元素。2.3.1 层次选择器语法选择器类型功能描述E F后代选择器(包含选择器)选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内E > F子选择器选择匹配的F元素,且匹配的F元素是所匹配的E元素的子元素E + F相邻兄弟选择器选择匹配的F元素,且匹配的F元素紧位于匹配的E元素后面E ~ F通用兄弟选择器选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素2.3.2 浏览器兼容性子选择器、相邻兄弟选择器和通用兄弟选择器要IE7及以上版本才支持,随着IE6的慢慢消失,层次选择器可以放心使用。2.3.3 实战体验:使用层次选择器选择元素在层次选择器中,后代选择器与子选择器是比较常用的,而对于相邻兄弟选择器和通用兄弟选择器而言,平时大家并不常使用,特别是CSS3选择器中新增的通用兄弟选择器。页面中有10个div元素,其中第四个d
  • CSS3简明教程之征服CSS3选择器
    第6章 征服CSS3选择器属性选择器在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同div元素进行区分。在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示:属性选择器功能描述E[att^='val']选择匹配元素E,且E元素定义了属性att,其属性值以val开头的任何字符串E[att$='val']选择匹配元素E,且E元素定义了属性att,其属性值以val结尾的任何字符串E[att*='val']选择匹配元素E,且E元素定义了属性att,其属性值的任意位置包含了val示例:<a href="xxx.pdf">我链接的是PDF文件</a><a href="#"
  • css3选择器css3选择器
    1:属性选择器, a[class^=column]{} 火车头开始的class名column匹配 a[href$=doc] {} 火车尾结尾的href名字为doc a[title=box]{} title中只要有box就匹配 2:根选择器 :root ==html 3:结构性选择器 input:not([type="submit"]){} 和jquery一样,除了submit,其它都可以。 4:empty 选择没有内容的元素,一个空格都没有。 div:empty { border: 1px solid green; } 5:target 用法类似锚点,显示与隐藏。 <h2><a href="#brand">Brand</a></h2> <div class="menuSect
  • 好程序员HTML5培训教程-总结30个CSS3选择器
    好程序员HTML5培训教程-总结30个CSS3选择器 1 *:通用选择器{ margin:0; padding:0; }*选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除浏览器默认样式的方法。*选择器也可以应用到子选择器中,例如下面的代码:container * { border:1px solid black; }这样ID为container 的所有子标签元素都被选中了,并且设置了border。2 #id:id选择器# container { width: 960px; margin: auto; } id选择器是很严格的并且你没办法去复用它。使用的时候大家还是得相当小心的。需要问自己一下:我是不是必须要给这个元素来赋值个id来定位它呢?3 .class:类选择器.error { color: red; } 这是个class选择器。它跟id选择器不同的是,它可以定位多个元素。当你想对多个元素进行样式修饰的时候就可以使用class。当你要对某个特定的

css3选择器相关课程

css3选择器相关教程

css3选择器相关搜索

查看更多慕课网实用课程

意见反馈 帮助中心 APP下载
官方微信