189 8069 5689

#创建一个Css文件，里面写入样式，然后导入 

              #dv{        background: red 更改div的背景颜色为红色      }    fd

             .dv{        background: red      }    fd

2).元素选择器
就是指直接声明标签名为选择器，然后更改样式

             div{        background: red      }    
fd
  

或者声明所有标签名为选择器

            Html，head，body，div{        background: red      }    
fd
  

也可以使用元素加选择器更加精确的定位到该元素

           div#er{        background: red      }    fd 
fhsjak
 re  

3).后代选择器
访问一个元素内的其它元素，可以是元素内的任意元素

             div span{        background: red      }    
 
erzi sunzi 
 
  

4).子元素选择器

             div>p{        background: red      }    
 
erzi sunzi 
 
  

5).兄弟选择器
位于元素的下一个元素，不在元素内

             div+big{        background: red      }    
 
erzi sunzi 
 
 borther  

6).伪类选择器
伪类选择器可分为三类

1)).锚伪类，用于检测鼠标的悬停状态。

             a:link{    /* 未访问的链接 */        background: red      }      a:visited{    /* 已访问的链接 */       background: green      }      a:hover{  /* 鼠标移动到链接上 */       background: blue      }      a:active{  /* 选定的链接 */       background: yellow      }    百度   注:a:hover必须置于a:link和a:visited 之后，才是有效的。a:active必须被置于a:hover 之后，才是有效的。

2)).  ：first-child伪类
匹配第一个匹配到的标签

             p:first-child{  匹配第一个p标签        background: red      }      div:first-child{ 匹配第一个div标签       background: blue      }     fdaf grerg 
 fsdjkfhkj baidu    

3)). ：lang伪类

          q:lang(hw)  短引用利用伪类    {    quotes: "^" "^"    }     
hw任性的90后boy
 必须要用短引用     

7).通用选择器
将样式应用到所有的元素中

*{   background:red }

感谢各位的阅读，以上就是“CSS基本用法和选择器知识有哪些”的内容了，经过本文的学习后，相信大家对CSS基本用法和选择器知识有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！