首页 > 其他分享 >选择器

选择器

时间:2022-12-05 17:57:45浏览次数:29  
标签:body color id background 选择器 red

id选择器:

#myId{ color: red; } // id选择器

类选择器:

.myClass{ color: red; } // 类选择器

标签选择器:

p{color: red;} // 标签选择器

选择器优先级:  id选择器>类选择器>标签选择器

 

后代选择器:

 body p{ background: red; } //针对body下面所有p

子选择器:

body>p{ background:red; } //只针对body下面一层p操作

相邻兄弟选择器:

.active + p{ background:red; } //只针对该类选择器下面一个相邻对象

通用选择器:

.active~p{ background:red;  } //针对该选择器下面所有兄弟对象。

 

标签:body,color,id,background,选择器,red
From: https://www.cnblogs.com/naxinqiu1/p/16952906.html

相关文章