首页 > 代码库 > CSS 选择器

CSS 选择器

ID 选择器:

#green {color:green;}
<p id="green">是绿色的。</p>

ID 选择器 + 派生选择器:

#table1 td {    text-align: right;    font-style: normal;    color: blue;    }#table1 tr {    color: #008000;    font-style: italic;    }<table id="table1"><td>ka</td><td>wa</td>       省略写法?<tr><td>123</td><td>5566</td></tr></table><table><tr><td>55</td></tr><tr><td>66</td></tr></table>

结果:子类继承父类属性的同时,受到自定义的格式影响!

  ka   wa
1235566

 

 

55
66

 

 

单独选择器:

table#table2 {    border: 5px dotted #000;    padding: 10px;    color: red;    }