CSS ID vs Class

前端之家收集整理的这篇文章主要介绍了CSS ID vs Class前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
CSS ID和CSS类之间的基本区别是什么?

有人告诉我,ID只能在页面中使用一次.但是我发现它可以被多次使用.

喜欢

  1. body
  2. {
  3. background-color: #3399FF;
  4. }
  5.  
  6. div#menuPane{
  7. position: absolute;
  8. left: 25px;
  9. top: 25px;
  10. width: 25%;
  11. }
  12.  
  13. div.menu {
  14. display: block;
  15. font-size: 14px;
  16. margin: 0;
  17. padding: 0;
  18. border: 2px solid #7FC07F;
  19. }
  20.  
  21. div.menu a {
  22. display: block;
  23. font-weight: bold;
  24. text-decoration: none;
  25. text-align: right;
  26. letter-spacing: 1px;
  27. margin: 0px;
  28. color: black;
  29. border-top: 1px solid #487048;
  30. }
  31.  
  32. div.menu a:link{
  33. background: #33CCFF;
  34. }
  35.  
  36. div.menu a:visited{
  37. background: #33CCFF;
  38. }
  39. div.menu a:hover{
  40. background: #3FC73F;
  41. letter-spacing: 2px;
  42. }
  43.  
  44. div.menu h4{
  45. padding: 2px;
  46. margin: 0px;
  47. }
  48.  
  49. div#content{
  50. position: absolute;
  51. left: 30%;
  52. top: 25px;
  53. width: auto;
  54. border: 2px double #7FC07F;
  55. background-color: #33CCFF;
  56. padding: 2px;
  57. margin-right: 5px;
  58. }
  59.  
  60. div#content h3{
  61. background-color: #A3F4A3;
  62. text-align: right;
  63. letter-spacing: -1px;
  64. color: #386938;
  65.  
  66. border-bottom: 1px solid black;
  67. }
  68.  
  69. div#content a:link,a:visited{
  70. background:#0099FF;
  71. color: #A3F4A3;
  72. letter-spacing: 1px;
  73. }
  74.  
  75. div#content a:hover{
  76. background: #FF0000;
  77. color: #A3F4A3;
  78. letter-spacing: 1px;
  79. }

解决方法

它只能分配给页面中的一个元素,但它可以在多个CSS规则中使用.类名可以分配给页面中的多个元素.

猜你在找的CSS相关文章