`
Copperfield
  • 浏览: 255238 次
  • 性别: Icon_minigender_1
  • 来自: 上海
博客专栏
C407adc3-512e-3a03-a056-ce4607c3a3c0
java并发编程陷阱
浏览量:24687
社区版块
存档分类

CSS备忘

    博客分类:
  • js
阅读更多
  1. <HTML>  
  2.  <HEAD>  
  3.   <style type="text/css">  
  4. <!--   
  5.     /*如果选择器匹配到相同的对象,选择高优先级的CSS*/   
  6.   
  7.     /*名称:ID选择器*/   
  8.     /*格式:对象id名{}*/   
  9.     /*作用:选择此ID的对象 优先级3*/   
  10.     #test3{   
  11.         color: #F4F300;   
  12.     }   
  13.   
  14.     /*名称:类选择器*/   
  15.     /*格式:在对象中加入属性class="test2"的所有对象*/   
  16.     /*作用:选择所用对象中属性为class="test2"的对象 优先级2*/   
  17.     .test2{   
  18.         color: #F345F3;   
  19.     }   
  20.   
  21.     /*名称:类型选择器*/   
  22.     /*格式:格式是这样的 标签{} 标签可是HTML中的任意的标签*/   
  23.     /*作用:适配所有是这个标签的对象 优先级1*/   
  24.     td{   
  25.         color: red;   
  26.     }   
  27.        
  28.     /*名称:子对象选择*/   
  29.     /*格式:子对象选择器的格式是,选择器1 选择器2{}选择器1先做了一个筛选,只有适合选择器1的对象才能再使用选择器*/   
  30.     /*作用:通过几次的选择器的筛选后的对象 优先级4*/   
  31.     td.test a{   
  32.         color: 33FFFF;   
  33.            
  34.     }   
  35. -->  
  36. </style>  
  37.  </HEAD>  
  38.   
  39.  <BODY>  
  40.   <table>  
  41.     <tr>  
  42.         <td class="test" >  
  43.             <a href="javascript:alert('子对象选择器')">子对象选择器</a>  
  44.         </td>  
  45.     </tr>  
  46.     <tr>  
  47.         <td>  
  48.             类型选择器   
  49.         </td>  
  50.     </tr>  
  51.     <tr>  
  52.         <td class="test2" >  
  53.             类选择器   
  54.         </td>  
  55.     </tr>  
  56.     <tr>  
  57.         <td id="test3">  
  58.             ID选择器   
  59.         </td>  
  60.     </tr>  
  61.   </table>  
  62.  </BODY>  
  63. </HTML>  
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics