【id、class等各种选择器总结】的更多相关文章

css笔记08：id选择器之父子选择器

1.父子选择器 (1)01.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e…

id、class等各种选择器总结

1.  id              选择器       #     class        选择器        .     标签         选择器       标签名     群组         选择器       用逗号隔开     全局         选择器         * 2. 后代           元素        选择器     空格    子代           元素        选择器      >    紧邻同辈    元素        选择器 …

ID、Class和标签选择器优先级

按一般论:ID > Class > 标签 1.如以下样式: <div id="id" class="class">选择器优先权</div> #id{color:#aaa;} .class{color:#bbb;} div{color:#ccc;} 这里,最后输出 的结果为 #aaa; 2.如果把选择器改为: #id{color:#aaa;} #id .class{color:#bbb;} div{color:#ccc;} 最后,这…

类选择器与ID选择器的比较

如果已经在元素中标识了class或id,就可以在选择器中使用这个标准,从而只对已标识的元素进行格式化.不过推荐使用类选择器,一会儿我会解释理由. 要在class选择器和id选择器之间作出选择的时候,建议尽可能地使用class选择器.这主要是因为我们可以复用class选择器.有人提议完全不使用id选择器,我赞同这种观点,并且在自己的工作中始终遵循这一点,但最终的决定权掌握在网站开发人员手中. id选择器会引入下面两个问题.‰ 一,与它们关联的样式不能在其他元素上复用(记住,在一个页面中,一个id只…

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s…

总结30个CSS3选择器

或许大家平时总是在用的选择器都是:#id  .class  以及标签选择器.可是这些还远远不够,为了在开发中更加得心应手,本文总结了30个CSS3选择器,希望对大家有所帮助. 1 *:通用选择器 ;; } *选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除浏览器默认样式的方法.*选择器也可以应用到子选择器中,例如下面的代码: #container * { border:1px solid black; } 这样ID为container 的…

神通广大的CSS3选择器

每个前端工程师可能每天都会写一些css,其中选择器是很主要的一部分.但是,大家可能每天写的大多是#id,.class这样的选择器,这并不稀奇,但是如果我们了解并且熟用css3为我们提供的强大并且优雅的选择器,就可以简化我们的代码. 我在学习和整理css3的选择器的时候都不会去考虑它的浏览器的支持程度,如果有需要,可以在这里查看它的浏览器支持情况:「caniuse.com」. 文章目录: 一.基本选择器 二.层次选择器 三.伪类选择器 四.伪元素 五.属性选择器 一.基本选择器  1. 通配选择器…

《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器

选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. CSS选择器 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS样式可以轻松地对某个元素添加样式而不改动HTML结构,只需要添加不同的CSS规则,就可以得到各种不同样式的网页. 要使某个样式应用于特定的HTML元素,首先就是需要先找到该元素.在CSS中,执行这一任务的表现规则成…

总结30个CSS3选择器（转载）

或许大家平时总是在用的选择器都是:#id  .class  以及标签选择器.可是这些还远远不够,为了在开发中更加得心应手,本文总结了30个CSS3选择器,希望对大家有所帮助. 1 *:通用选择器 * { margin:0; padding:0; } *选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除浏览器默认样式的方法. *选择器也可以应用到子选择器中,例如下面的代码: #container * { border:1px solid bl…

jquery选择器(总结)

基本选择器 选择器 描述 示例 #id 根据给定的ID匹配一个元素 $("#id")   .class 根据制定的class匹配一个元素 $(".class") element 根据HTML元素标签匹配元素 $("div") * 匹配所有元素 $("*") #id,.class,element 将多个选择器匹配到的元素合并一起返回 $("#id,.class,p") 层次选择器 过滤选择器 表单选择器…