网站开发使用哪种语言,wordpress 免费主机,卖芒果的网络营销策划,wap网站源码 下载之前学的的迷糊了#xff0c;也不知道什么会什么不会了#xff0c;跑去面试了。别人列出一堆css选择器#xff0c;本以为选择器没啥的#xff0c;结果到那个多类选择器翻车了#xff0c;.a.b选择同时含a,b类名的#xff0c;很尴尬所以回来仔细整理了一下。目前根据W3C手册…之前学的的迷糊了也不知道什么会什么不会了跑去面试了。别人列出一堆css选择器本以为选择器没啥的结果到那个多类选择器翻车了.a.b选择同时含a,b类名的很尴尬所以回来仔细整理了一下。目前根据W3C手册所知选择器一共44个特此分类记录复习一下(分类依据可能不合理只是为了方便自己记忆) 一.基本选择器(4个) 选择器选择目标css*通配符,选择所有元素2.class类选择器选择类名为class的元素1#IDid选择器选择id为ID的元素1element元素选择器选择element元素1二.结合选择器(6个) 选择器选择目标css.a.b多类选择器选择同时拥有类名为a,b的元素a b后代选择器 选择a元素后代的所有b元素1a,b同级选择器 选择a元素和b元素1ab子代选择器选择a元素的直接子代b2ab直接相邻兄弟选择器选择紧跟着a元素的b元素2a~b通用兄弟选择器选择前面有a的所有b元素3注意事项: 1. 相邻兄弟选择器之间可以有文本元素不影响其它不可。2.在 IE7 之前的版本中不同平台的 Internet Explorer 都不能正确地处理多类选择器。 三.伪元素(4个) 选择器选择目标css:first-letter选择首字1:first-line选择首行1:before在元素之前插入2:after在元素之后插入2注意事项: 1. 所有伪元素都必须放在该伪元素选择器的最后面 2. 伪元素是一种假想的元素插入到页面中代替某个元素但是并不出现在文档源代码中由用户代理动态构建。 四.属性选择器(7个) 选择器选择目标css[attr]简单属性选择器选择含有attr属性的元素2[attrvalue]具体值属性选择器选择attr属性值等于value的元素2[attr~value]选择attr属性中含有value词条的元素2[attr|value]选择attr属性以value-开头或者等于value的元素2[attr*value]子串匹配选择attr属性子串包含value的所有元素3[attr^value]选择attr属性以value开头的元素3[attr$value]选择attr属性以value结尾的元素3五.伪类(23个) 表单相关(3) 选择器选择目标css:checked选中的input元素3:disabled选中禁用的input元素3:enabled选中启用的input元素3超链接相关,love-focus-hate.(5) 选择器选择目标css:link未被访问的连接3:visited已经被访问的连接3:focus获取焦点的元素3:hover鼠标悬浮的元素3:actived活动的元素3同一父元素下的目标选择(9) 选择器选择目标cssp:only-child选择其父元素下的唯一子元素p下的所有元素3p:only-of-type选择属于其父元素唯一的 p元素的每个 p元素3p:first-of-type选择属于其父元素的首个p 元素的每个 p 元素。3p:last-of-type选择属于其父元素的最后 p元素的每个 p元素3p:nth-child(n)选择属于其父元素的第n个子元素的每个 p 元素 (n从1开始)3p:nth-last-child(n)从最后一个子元素开始计数3p:nth-of-type(n)选择属于其父元素第n个p元素的每个p元素3p:nth-last-of-type(n)从最后一个元素开始计数3p:last-child选择属于其父元素最后一个子元素每个p元素3其它(6) 选择器选择目标css:root选择文档根元素3:lang(language)选择带有以 language 开头的 lang 属性值的元素2:empty选择没有子元素的元素(包括文本节点)3:target选择当前活动的元素锚点指向的元素3:not(selector)选择非某个元素的所有元素3::selection选择被用户选取的元素部分3六.CSS权重 最高级别!important行内式 1000ID选择器 100类选择器、伪类、属性选择器 10元素选择器、伪元素 1其它为0转载于:https://www.cnblogs.com/zming-hua/p/7577331.html
