欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS选择器

程序员文章站 2022-04-27 22:31:01
...
  1. 标签选择器
    1) 所有标签都能够当做选择器,比如body、h1、dl、ul、span等等
    2) 不管这个标签藏的多深,都能够被选择上。
    3) 选择的是所有的,而不是某一个。所以是共性,而不是特性。
 a{
  	/*去掉下划线:*/
	text-decoration: none; 
  }
  1. id选择器
#lj1{
font-size: 60px;
font-weight: bold;
color:black;
}
  1. 类选择器
.username{
color:red;	
 }
  1. 后代选择器
    选择的是后代,不一定是儿子。空格代表后代
// 设置.div 里面的p标签的背景颜色:蓝色
.div p{
 background-color:blue;
 }	
  1. 交集选择器
    交集选择器没有空格。选择的元素是同时满足两个条件的。
    交集选择器可以连续交,但是一般不要这样写,不清晰。
h3.special{
color:red;	
}
  1. 并集选择器
    逗号就表示并集选择器
h3,li{
color:red;
}
相关标签: CSS 选择器