﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-Save Me From Myself-随笔分类-CSS</title><link>http://www.blogjava.net/wawlian/category/47554.html</link><description /><language>zh-cn</language><lastBuildDate>Mon, 10 Jan 2011 02:50:23 GMT</lastBuildDate><pubDate>Mon, 10 Jan 2011 02:50:23 GMT</pubDate><ttl>60</ttl><item><title>常用的CSS选择器</title><link>http://www.blogjava.net/wawlian/archive/2011/01/10/342663.html</link><dc:creator>一个人跳舞</dc:creator><author>一个人跳舞</author><pubDate>Mon, 10 Jan 2011 02:49:00 GMT</pubDate><guid>http://www.blogjava.net/wawlian/archive/2011/01/10/342663.html</guid><wfw:comment>http://www.blogjava.net/wawlian/comments/342663.html</wfw:comment><comments>http://www.blogjava.net/wawlian/archive/2011/01/10/342663.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wawlian/comments/commentRss/342663.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wawlian/services/trackbacks/342663.html</trackback:ping><description><![CDATA[&nbsp;
<table style="border-right: medium none; border-top: medium none; border-left: medium none; border-bottom: medium none; border-collapse: collapse" cellspacing="0" cellpadding="0" border="1">
    <tbody>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: windowtext 1pt solid; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p style="text-align: center" align="center"><span style="font-size: 12pt; font-family: 宋体">选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: windowtext 1pt solid; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p style="text-align: center" align="center"><span style="font-size: 12pt; font-family: 宋体">语法</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: windowtext 1pt solid; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p style="text-align: center" align="center"><span style="font-size: 12pt; font-family: 宋体">描述</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: windowtext 1pt solid; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p style="text-align: center" align="center"><span style="font-size: 12pt; font-family: 宋体">实例</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">标签选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">E{</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; CSS</span><span style="font-size: 12pt; font-family: 宋体">规则</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">以文档元素作为选择符</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">td{</span></p>
            <p style="text-indent: 24pt"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">font-size:14px</span></p>
            <p style="text-indent: 24pt"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">width:120px</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">ID</span><span style="font-size: 12pt; font-family: 宋体">选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">#ID{</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; CSS</span><span style="font-size: 12pt; font-family: 宋体">规则</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">以文档元素的唯一标识</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">ID</span><span style="font-size: 12pt; font-family: 宋体">作为选择符</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">#note {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; font-size:14px</span></p>
            <p style="text-indent: 24pt"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">width:120px</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">类选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">E.classname {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; CSS</span><span style="font-size: 12pt; font-family: 宋体">规则</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">以文档元素的</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">class</span><span style="font-size: 12pt; font-family: 宋体">作为选择符</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">.dream {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; font-size:14px</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">群组选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">E1,E2,E3 {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; CSS</span><span style="font-size: 12pt; font-family: 宋体">规则</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">多个选择符应用同样的样式</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">td,p,div.a {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; font-size:14px</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">后代选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">E F {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; CSS</span><span style="font-size: 12pt; font-family: 宋体">规则</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">元素</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">E</span><span style="font-size: 12pt; font-family: 宋体">的任意后代元素</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">F</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">#links a {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; font-size:14px</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
        </tr>
        <tr>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: windowtext 1pt solid; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">通配选择器</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.5pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">* {</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; CSS</span><span style="font-size: 12pt; font-family: 宋体">规则</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 宋体">以文档的所有元素作为选择符</span></p>
            </td>
            <td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: medium none; padding-left: 5.4pt; padding-bottom: 0cm; border-left: medium none; width: 106.55pt; padding-top: 0cm; border-bottom: windowtext 1pt solid" valign="top" width="142">
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">*{</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp; font-size:14px</span></p>
            <p><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">}</span></p>
            </td>
        </tr>
    </tbody>
</table>
<img src ="http://www.blogjava.net/wawlian/aggbug/342663.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wawlian/" target="_blank">一个人跳舞</a> 2011-01-10 10:49 <a href="http://www.blogjava.net/wawlian/archive/2011/01/10/342663.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>