好程序员web前端CSS选择器（selector）：表示定义样式的对象
时间：2023-04-05 22:51:03
HTML5
好程序员web前端CSS选择器（selector）：表示定义样式的对象1）元素选择器/类型选择器（element选择器）例如：div{width:100px;高度：100px；background:red;}语法：元素名{attribute:attributevalue;}描述：a)元素选择器使用文档语言对象类型作为选择器，即使用结构中的元素名作为选择器。比如body,div,p,img,em,strong,span...等等。b)所有的页面元素都可以作为选择器；用法：1）如果要改变元素的默认样式，可以使用类型选择器；（如：改变一个div、p、h1的样式）2）当统一文档时显示一个元素的效果时，可以使用类型选择器（如：改变文档中所有p段落的样式）2）id选择器语法：#idname{attribute:attributevalue;}说明：A）当我们使用id选择器时，应该为每个元素定义一个id属性如：
B)id选择器的语法格式是“#”加上一个自定义的id名称如：#box{width:300px;height:300px;}C)命名时要使用英文名称，不能使用关键字：（所有标签和属性都是关键字）如：head标签D)一个id名称只能对应文档中的一个特定元素object，因为id只能定义页面中唯一的元素对象。E)最大的用途：创建网页的外围结构。3）组选择器语法：selector1,selector2,selector3{attribute:属性值;}例子：#top1,#nav1{width:960px;}说明：当有多个选择器时，同一个样式选择时，您可以通过用“,”分隔选择器将它们组合成一个组。4）类选择器/类选择器语法：类名{属性：属性值；}描述：A）我们在使用类选择器时，首先要为每个元素定义一个类名B）类选择器语法格式为：“例如:
".top{width:200px;高度：100px；background:green;}用法：类选择器更适合定义一类样式；5)*通配符/通配符选择器语法：*{attribute:属性值;}说明：通配符选择器的写法是“*”，表示所有元素。*{保证金:0;padding:0;}表示清除所有元素的默认margin和padding值；保证金：0自动；元素水平居中6)Includeselector/descendantselector语法：Selector1Selector2{Attribute:attributevalue;}描述：意思是选择器1包含的所有选择器2；用法：当我的元素有父元素的时候，我想改变自己的样式，可以直接选中它，不需要再添加选择器通过includeselectors来解决。如：结构：
