Div+CSS 规则整理 提高效率

2020-05-08 08:40:24易采站长站整理


a.red:link {color: #FF0000}


a.red:visited {color: #0000FF}


a.blue:link {color: #00FF00}


a.blue:visited {color: #FF00FF}


现在应用在不同的链接上:


<a class=”red” href=”…”>这是第一组链接</a>


<a class=”blue” href=”…”>这是第二组链接</a>


 


七、           CSS的最近优先原则


 /*如果对一个元素定义了多次样式,则以最近的一级优先,最近一级的样式将覆盖其他  行内样式 >ID > Class >标记  */


   以下是引用片段:


CSS:


p{color:red}


.blue{color:blue}


.yellow{color:yellow}


HTML:


<p>此处显示为红色</p>


<p class=”blue”>此处显示为蓝色</p>


<p class=”blue” style=”color:green”>此处显示为绿色</p>


<p class=”blue yellow”>此处显示为黄色</p>


注意:


 


      (1)注意样式的几个优先顺序(优先级由上至下递减,下面的样式覆盖上面的样式):


 


      –元素style设定


 


      –head区<style></style>中的设定


 


      –外部引用css文件


 


      (2)优先级不是按访问顺序来设定的,而是又css中的声明顺序来设的。


 


      如上例中<p class=”yellow blue”>此处显示为黄色</p>也显示为黄色,因为在css定义中.yellow在.blue的后面。