5-css选择器
时间：2023-04-02 22:52:10
HTML
标签选择器修改css样式div{width:200px;height:300xp;}通配符选择器*选择页面中的所有元素*{margin:0;填充：0；}一级子元素选择器选择父元素的直接子元素后代选择器选择父元素的所有后代元素。一级子元素原则只选取一级子元素，不会往下找element.box>p{background-color:red;}id选择器通过id找到页面中的唯一标签，并且用#表示id#dada{width:200px;height:200px;}类选择器通过具体的类label.box在页面中找到对应的标签。width:200px;height:300px;
伪类选择器：将鼠标悬停在一个元素上。box:hover{color:red;}:beforeinInsertcontentinfrontofaelementdiv:before{content:'-dadaqianduan';背景色：黄色；color:red;}:afer在元素后面插入内容div:after{content:'-dadaqianduan';color:red;}组选择器可以为多个不同的选择器设置相同的样式。盒子,.box1,.box2{宽度:200px;height:300px;}有不同选择器时选择器的优先级当对同一个对象设置样式时，两个选择器具有相同的属性并赋值不同。通过计算哪个选择器的权重值最高，应用哪个选择器的样式权重计算方法标签选择器：1类选择器：10id选择器：100内联样式：1000!important最高级别，增加样式权重，具有最高级别注意：如果两个选择器的权重值相同，应用最接近对象的css样式
