﻿<?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-麦奏-随笔分类-css</title><link>http://www.blogjava.net/dlovek/category/19990.html</link><description>－my zone</description><language>zh-cn</language><lastBuildDate>Wed, 28 Feb 2007 03:21:39 GMT</lastBuildDate><pubDate>Wed, 28 Feb 2007 03:21:39 GMT</pubDate><ttl>60</ttl><item><title>style,id,class,element</title><link>http://www.blogjava.net/dlovek/archive/2007/02/25/100652.html</link><dc:creator>麦奏</dc:creator><author>麦奏</author><pubDate>Sun, 25 Feb 2007 14:09:00 GMT</pubDate><guid>http://www.blogjava.net/dlovek/archive/2007/02/25/100652.html</guid><wfw:comment>http://www.blogjava.net/dlovek/comments/100652.html</wfw:comment><comments>http://www.blogjava.net/dlovek/archive/2007/02/25/100652.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/dlovek/comments/commentRss/100652.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/dlovek/services/trackbacks/100652.html</trackback:ping><description><![CDATA[
		<p>等级高的规则会覆盖掉等级低的规则。<br />具有style属性编写的规则具有最高的等级。具有ID选择器的规则比没有ID选择器的规则等级高。具有类选择器的规则比只有类型选择器的规则等级高。如果两个规则的等级相同，后定义的覆盖之前定义的规则。<br />a-&gt;style样式的规则，如果有a=1<br />b-&gt;ID选择器的总和<br />c-&gt;类，伪类和属性选择器的总和<br />d-&gt;类型选择器和伪元素选择器的总和<br />以style----id------class------element的顺序排列。 
</p>
		<table style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid">
				<thead>
						<tr>
								<td>选择器</td>
								<td>特殊性a~d</td>
								<td>特殊性总和</td>
						</tr>
				</thead>
				<tbody>
						<tr>
								<td>style=""</td>
								<td>1,0,0,0</td>
								<td>1000</td>
						</tr>
						<tr>
								<td>#x #y{}</td>
								<td>0,2,0,0</td>
								<td>200</td>
						</tr>
						<tr>
								<td>#x .z{}</td>
								<td>0,1,1,0</td>
								<td>110</td>
						</tr>
						<tr>
								<td>div #x{}</td>
								<td>0,1,0,1</td>
								<td>101</td>
						</tr>
						<tr>
								<td>#x{}</td>
								<td>0,1,0,0</td>
								<td>100</td>
						</tr>
						<tr>
								<td>p .z .m{}</td>
								<td>0,0,2,1</td>
								<td>21</td>
						</tr>
						<tr>
								<td>p .z{}</td>
								<td>0,0,1,1</td>
								<td>11</td>
						</tr>
						<tr>
								<td>div p{}</td>
								<td>0,0,0,2</td>
								<td>2</td>
						</tr>
						<tr>
								<td>p{}</td>
								<td>0,0,0,1</td>
								<td>1</td>
						</tr>
				</tbody>
		</table>
<img src ="http://www.blogjava.net/dlovek/aggbug/100652.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/dlovek/" target="_blank">麦奏</a> 2007-02-25 22:09 <a href="http://www.blogjava.net/dlovek/archive/2007/02/25/100652.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>html中几个值得注意的问题</title><link>http://www.blogjava.net/dlovek/archive/2007/02/16/100039.html</link><dc:creator>麦奏</dc:creator><author>麦奏</author><pubDate>Fri, 16 Feb 2007 03:30:00 GMT</pubDate><guid>http://www.blogjava.net/dlovek/archive/2007/02/16/100039.html</guid><wfw:comment>http://www.blogjava.net/dlovek/comments/100039.html</wfw:comment><comments>http://www.blogjava.net/dlovek/archive/2007/02/16/100039.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/dlovek/comments/commentRss/100039.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/dlovek/services/trackbacks/100039.html</trackback:ping><description><![CDATA[1.form元素是默认有padding的。<br />2.tbody在ie下没有innerHTML属性。<br /><img src ="http://www.blogjava.net/dlovek/aggbug/100039.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/dlovek/" target="_blank">麦奏</a> 2007-02-16 11:30 <a href="http://www.blogjava.net/dlovek/archive/2007/02/16/100039.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>z-index</title><link>http://www.blogjava.net/dlovek/archive/2007/02/14/99887.html</link><dc:creator>麦奏</dc:creator><author>麦奏</author><pubDate>Wed, 14 Feb 2007 15:43:00 GMT</pubDate><guid>http://www.blogjava.net/dlovek/archive/2007/02/14/99887.html</guid><wfw:comment>http://www.blogjava.net/dlovek/comments/99887.html</wfw:comment><comments>http://www.blogjava.net/dlovek/archive/2007/02/14/99887.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/dlovek/comments/commentRss/99887.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/dlovek/services/trackbacks/99887.html</trackback:ping><description><![CDATA[1.z-index只对于position:absolute情况下起作用，对于没有设置position:absolute的div其z-index永远为0<br />2.未设定z-index的div，按照声明的顺序层叠。后声明的盖住先声明的。<br />3.未设定z-index的div,如果属于父子关系的，子div盖住父div。<br /><img src ="http://www.blogjava.net/dlovek/aggbug/99887.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/dlovek/" target="_blank">麦奏</a> 2007-02-14 23:43 <a href="http://www.blogjava.net/dlovek/archive/2007/02/14/99887.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>属性选择器和子选择器</title><link>http://www.blogjava.net/dlovek/archive/2007/02/12/99371.html</link><dc:creator>麦奏</dc:creator><author>麦奏</author><pubDate>Mon, 12 Feb 2007 01:39:00 GMT</pubDate><guid>http://www.blogjava.net/dlovek/archive/2007/02/12/99371.html</guid><wfw:comment>http://www.blogjava.net/dlovek/comments/99371.html</wfw:comment><comments>http://www.blogjava.net/dlovek/archive/2007/02/12/99371.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/dlovek/comments/commentRss/99371.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/dlovek/services/trackbacks/99371.html</trackback:ping><description><![CDATA[子选择器，相当于父子关系。只是对父亲的儿子才起作用。属性选择器，通过属性以及属性的值进行样式设定。<br />子选择器:<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 128, 128);">1</span> <span style="color: rgb(128, 0, 0);">&lt;ul&gt;<br /></span><span style="color: rgb(0, 128, 128);">2</span> <span style="color: rgb(128, 0, 0);">  &lt;li&gt;&lt;/li&gt;<br /></span><span style="color: rgb(0, 128, 128);">3</span> <span style="color: rgb(128, 0, 0);">  &lt;ul&gt;<br /></span><span style="color: rgb(0, 128, 128);">4</span> <span style="color: rgb(128, 0, 0);">     &lt;li&gt;&lt;/li&gt;<br /></span><span style="color: rgb(0, 128, 128);">5</span> <span style="color: rgb(128, 0, 0);">  &lt;/ul&gt;<br /></span><span style="color: rgb(0, 128, 128);">6</span> <span style="color: rgb(128, 0, 0);">&lt;/ul&gt;</span></div>ul &gt; li{}只是ul下边的li起作用，不对嵌套起到作用。<br />ul + li{}只是对ul下紧接的li起作用。<br />属性选择器：<div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 128, 128);">1</span> <span style="color: rgb(128, 0, 0);">&lt;div class="mycls"&gt;<br /></span><span style="color: rgb(0, 128, 128);">2</span> <span style="color: rgb(128, 0, 0);">    test<br /></span><span style="color: rgb(0, 128, 128);">3</span> <span style="color: rgb(128, 0, 0);">&lt;/div&gt;</span></div>div[class="mycls"] 选择class属性为mycls的div元素<br />[class="mycls"] 选择class属性为mycls的所有元素<br />div[class] 选择含有class属性的div元素<br /><img src ="http://www.blogjava.net/dlovek/aggbug/99371.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/dlovek/" target="_blank">麦奏</a> 2007-02-12 09:39 <a href="http://www.blogjava.net/dlovek/archive/2007/02/12/99371.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>