id选择器#id{样式名称：样式值；}笔记：1.同一个文件中id不允许重复。2、id的命名规范与类名一致。通配符选择器用于选择当前文件中的所有元素*{stylename:stylevalue;}注意：通配符选择器是通用的为网页样式初始化逗号选择器为多个选择器选中的元素设置样式Selector1,selector2{stylename:stylevalue;}组合选择器div.one2)层级选择器子选择器含义：先选择标签名1的元素，然后在元素的**第一代子元素**中选择标签名2的元素语法：标签名1>标签name2{样式名称：样式值；}后代选择器含义：先选择标签名1的元素，然后在该元素的**所有子元素**中选择标签名2的元素语法：标签名1标签名2{样式名：样式值；}siblingselection1.Adjacentsiblingselector含义：先找到标签名称为1的元素，然后选择**后面是**的元素，并设置属性语法：标签名称1+标签名称2{样式名称：样式值;}注意：1.标签名的取值不仅可以是真正的标签名，也可以是类名，id2，标签名1和标签名2的元素之间不能有其他元素。2.的一般兄弟选择器的含义：先找到标签名1的元素，然后选择该元素后面所有标签名2的元素，设置属性语法：标签名1~标签名2{样式名：样式值；}3)属性选择器一般用于区分输入框语法：[attr]可以选择包含该属性的元素[attr=value]属性值等于value的元素[atrr^=value]以value属性值开头eg.form>input[name^=p]{border:3pxsolidbrown;}4)伪类选择器用在其他选择器后面：,添加特殊效果1.与子元素相关的：first-childFirstchild：last-child最后一个孩子：nth-??child(n)第n个孩子的值n(整数)1,2,3...英文字符odd,even2，关系到状态：linkunvisitedlink:hovercursorfloating:active链接时activated:visitedLinkvisited:focusfocus5）伪元素选择器1，清除浮动2，创建伪元素3，导航栏的侧边用在其他选择器后面::，添加伪元素::after{}::在{}之前，例如。ul.nav::after{显示：块；清除：两者；内容：”--”;}2.css选择器的优先级1)!importantwidth:100px!important;带!important的样式优先级最高2)选择器权重1000内联样式