*{} 选定所有对象,会遍历并命中文档中所有的元素。全局样式。:root匹配文档的根元素。在HTML(标准通用标记语言下的一个应用)中,根元素永远是HTML
css关系选择器:
E F{} 选择所有被E元素包含的F元素。选择符将会命中所有符合条件的后代,包括儿子,孙子,孙子的孙子… E>F{} 选择E元素里面的子元素F,与前者 E F{}不同的是,子选择符只能命中子元素,不能选中孙辈,如下示例:
.demo > div { position: relative;}
(E+F)与 兄弟选择符(E~F) 相同的是,相邻选择符也是选择同级的元素F;不同的是,(E+F)只会命中符合条件的那个毗邻的兄弟元素(即紧挨着E元素之后的第一个F元素)。css属性选择器E[att]{} 选择具有att属性的E元素。E[att=”val”]{} 选择具有att属性且属性值等于val的E元素。E[att~=”val”]{} 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素(包含只有一个值且该值等于val的情况),例:
:first-child 匹配父元素的第一个子元素。 :last-child 匹配父元素最后一个子元素 E:only-child 匹配父元素仅有的一个子元素el。 E:nth-of-type(n) 匹配同类型的第n个同级元素E。 :nth-child(n) 用于定位某个父元素的一个或者多个特定的子元素,“n” 是参数, 可以是整数,也可以是表达式(2n+1)(-n+3) 索引值从1开始,,也可是关键词(odd)(even);
注:当“:nth-child(n)”中的n为表达式时,n从0开始计算,当表达式的值为0或者小于0时,选择器选择不到任何相匹配的元素。如下表所示:
举报/反馈