css样式冲突的问题在使用过程中经常会遇到,那么你是怎么解决的呢?如果还不知道的话,那么可以参考下本文
复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>admin5</title> <style type="text/css"> p { color: black;} p { color: orange; } </style> </head> <body> <p>www.admin5.com</p> <p>admin5</p> <p>www.admin5.com</p> </body> </html>
结果为:
2014032716171110.jpg
复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>admin5</title> <style type="text/css"> p { color: black;} p { color: orange; } .red { color: red; } .blue { color: blue; } .green { color: green; } </style> </head> <body> <p class="red green blue">www.admin5.com</p> <p class="green blue red">admin5</p> <p class="blue red green">www.admin5.com</p> </body> </html>
结果为:
2014032716171111.jpg
复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>admin5</title> <style type="text/css"> p { color: black;} p { color: orange; } .red { color: red; } .blue { color: blue; } .green { color: green; } </style> </head> <body> <p class="red green blue" style="color:yellow;">www.admin5.com</p> <p class="green blue red">admin5</p> <p class="blue red green">www.admin5.com</p> </body> </html>
结果为:
2014032716171112.jpg
|