1、标签选择器 :选择一类标签 —— 标签{}
/*标签选择器,会选择到页面上所有的这个标签的元素 */ h1{ color:pink; background:gray; border-radius:24px } p{ font-size:36px }
2、类选择器 class:选择所有class属性一致的标签,跨标签 —— .类名{}
/* 类选择器的格式 .class的名称{} */ .one{ color:green; } .two{ color:pink; }
3、id选择器:全局唯一! —— #id名称{}
/* id选择器:id必须保证全局唯一 #id名称{} */
#one{
color:red;
}
.style1{
color:yellow;
}
h1{
color:green;
}
优先级:id> class > 标签