css關(guān)系選擇器匯總_第1頁
css關(guān)系選擇器匯總_第2頁
css關(guān)系選擇器匯總_第3頁
css關(guān)系選擇器匯總_第4頁
css關(guān)系選擇器匯總_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1相鄰選擇符<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8”/><title>相鄰選擇符(E+F)</title><!--描述：選擇緊貼在E元素之后F元素。語法：E+F(sRules}--><style>body(background-color:deepskyblue;}P+P{color:#f00;}</style></head><body><divclass="test"><h3>這是一個標(biāo)題</h3><p>這是一個文字段落</p><p>這是一個文字段落</p><h3>這是一個標(biāo)題</h3><p>這是一個文字段落</p><h3>這是一個標(biāo)題</h3><p>這是一個文字段落</p><p>這是一個文字段落</p></div></body></html><head><metacharset="utf-8”/><title>兄弟選擇符（E~F）</title><!--描述：選擇E元素后面的所有兄弟元素F。語法：E~F{sRules}--><style>body{background-color:deepskyblue;}P~P{color:#f00;}</style></head><body><divclass="test"><h3>這是一個標(biāo)題</h3><p>這是一個文字段落</p><p>這是一個文字段落</p><h3>這是一個標(biāo)題</h3><p>這是一個文字段落</p><h3>這是一個標(biāo)題</h3><p>這是一個文字段落</p><p>這是一個文字段落</p></div></body></html>3子選擇器<htmllang="zh-cn"><head><metacharset="utf-8”/><title>子選擇符(E>F)</title><!--描述：選擇所有作為E元素的子元素F。語法：E>F(sRules}--><style>body(background-color:deepskyblue;}.test>li>a{color:#f00;}</style></head><body><ulclass="test"><li><ahref="?">列表項目1</a><ul><li><ahref="?">項目列表1.1</a></li><li><ahref="?">項目列表1.2</a></li></ul></li><li><ahref="?">列表項目2</a><ul><li><ahref="?">項目列表2.1</a></li><li><ahref="?">項目列表2.2</a></li></ul></li><li><ahref="?">列表項目</a></li><li><ahref="?">列表項目</a></li></ul></body>4包含選擇器<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>包含選擇符(EF)</title><!--描述：選擇所有被E元素包含的F元素。語法：EF{sRules}<style>body{background-color:deepskyblue;}ulli{color:#f00;}</style></head><body><ul><li>列表項目</li><li>列表項目</li><li>列表項目</li><li>列表項目</li></ul></body></html>5關(guān)系選擇符<head><metacharset="utf-8”/><title>RelationshipSelectorsindex</title><metaname="Description"content="CSS關(guān)系選擇符”/><metaname="Keywords"content="CSSRelationshipSelectors,包含選擇符（EF）,子選擇符（E>F）,相鄰選擇符（E+F）,兄弟選擇符（E~F）"/><metaname="robots"content="all"/><!--[iflteIE8]><scriptsrc="../../js/html5.js"></script><![endif]--><styletype="text/css">body（background-color:deepskyblue;}</style></head><body><headerid="hd"><h1class="tit">CSSRelationshipSelectors</h1><ulclass="info"><li>關(guān)系選擇符</li></ul></header><sectionid="bd"><sectionid="relationship-listing"class="gmodulegattr"><h2class="tit">關(guān)系選擇符RelationshipSelectors</h2><divclass="cont"><tableclass="gdataform"><thead><tr><th>Selectors<br/>選擇符</th><th>Name<br/>名稱</th><th>CSSVersion<br/>版本</th><th>Description<br/>簡介</th></tr></thead><tbody><tr><td><ahref="ef.htm">EF</a></th><td>包含選擇符(Descendantcombinator)</td><td>CSS1</td><td>選擇所有被E元素包含的F元素。</td></tr><tr><td><ahref="e-child-f.htm">E>F</a></td><td>子選擇符(Childcombinator)</td><td>CSS2</td><td>選擇所有作為E元素的子元素F。</td></tr><tr><td><ahref="e-adjacent-f.htm">E+F</a></td><td>相鄰選擇符(Adjacentsiblingcombinator)</td><td>CSS2</td><td>選擇緊貼在E元素之后F元素。</td></tr><tr><td><ahref="e-brother-f.htm”class="linkcss3">E~F</a></td><td>兄弟選擇符(Generalsiblingcombinator)</td><td>CSS3</td><td>選擇E元素所有兄弟元素F。</td></tr></tbody></table></div><divclass="related"><p><strongclass="linkcss3">這種顏色</strong>的鏈接表示是CSS3選擇符或原選擇符被CSS3修改并賦予了新的特性</p></div></section></section></body></html>6屬性選擇器<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>屬性選擇符E[att]</title><!--描述：選擇具有att屬性的E元素。語法：E[att]{sRules}<style>body{background-color:deepskyblue;}a[class]{color:#f00;}</style></head><body><ul><lixahref="?"class="external">外部鏈接</ax/li><lixahref=,,?">內(nèi)部鏈接</ax/li><lixahref="?"class="external">外部鏈接</ax/li><lixahref="?">內(nèi)部鏈接</ax/li></ul></body></html>7屬性選擇符E[att=,,val,1]<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8”/><title>屬性選擇符E[att="val"]</title><!--描述：選擇具有att屬性且屬性值等于val的E元素。語法：E[att="val"]{sRules}--><style>body(background-color:deepskyblue;}a[class="external"]{color:#f00;}</style></head><body><ul><li><ahref="?"class="external">外部鏈接</a></li><li><ahref="?">內(nèi)部鏈接</a></li><li><ahref="?"class="external">外部鏈接</a></li><li><ahref="?">內(nèi)部鏈接</a></li></ul></body></html>8屬性選擇符E[att~="val"]<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>屬性選擇符E[att~="val"]</title><!--描述：選擇具有att屬性且屬性值為一用空格分隔的字詞列表，其中一個等于val的E元素。語法：E[att~="val"]{sRules}--><style>body(background-color:deepskyblue;}a[class~="external"]{color:#f00;}</style></head><body><ul><li><ahref="?"class="externaltxt">外部鏈接</a></li><li><ahref="?"class="txt">內(nèi)部鏈接</a></li><li><ahref="?"class="externaltxt">外部鏈接</a></li><li><ahref="?"class="txt">內(nèi)部鏈接</a></li></ul></body></html>9屬性選擇符E[attA="val"]<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>屬性選擇符E[attA="val"]</title><!--描述：選擇具有att屬性且屬性值為以val開頭的字符串的E元素。語法：E[attA="val"](sRules}--><style>body(background-color:deepskyblue;}li[classA="a"]{color:#f00;}</style></head><body><ul><liclass="abc">列表項目</li><liclass="acb">列表項目</li><liclass="bac">列表項目</li><liclass="bca">列表項目</li><liclass="cab">列表項目</li><liclass="cba">列表項目</li></ul></body></html>10屬性選擇符E[att$="val”]<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8”/><title>屬性選擇符E[att$="val"]</title><!--描述：選擇具有att屬性且屬性值為以val結(jié)尾的字符串的E元素。語法：E[att$="val"]{sRules}<style>body{background-color:deepskyblue;}li[class$="a”]{color:#f00;}</style></head><body><ul><liclass="abc">列表項目</li><liclass="acb">列表項目</li><liclass="bac">列表項目</li><liclass="bca">列表項目</li><liclass="cab">列表項目</li><liclass="cba">列表項目</li></ul></body></html>11屬性選擇符E[att*="val"]<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>屬性選擇符E[att*="val"]</title>描述：選擇具有att屬性且屬性值為包含val的字符串的E元素。語法：E[att*="val"]{sRules}--><style>body(background-color:deepskyblue;}li[class*="a"]{color:#f00;}</style></head><body><ul><liclass="abc">列表項目</li><liclass="acb">列表項目</li><liclass="bac">列表項目</li><liclass="bca">列表項目</li><liclass="cab">列表項目</li><liclass="cba">列表項目</li></ul></body></html>12屬性選擇符E[att|="val"]<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>屬性選擇符E[att|="val"]</title><!--描述：選擇具有att屬性且屬性值為以val開頭并用連接符"-"分隔的字符串的E元素。語法：E[att|="val"]{sRules}--><style>body(background-color:deepskyblue;}li[class|="test3”]{color:#f00;}</style></head><body><ul><liclass="test1-abc">列表項目</li><liclass="test2-abc">列表項目</li><liclass="test3-abc">列表項目</li><liclass="test4-abc">列表項目</li><liclass="test5-abc">列表項目</li><liclass="test6-abc">列表項目</li></ul></body></html>13css屬性選擇器<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="utf-8"/><title>AttributeSelectorsindex</title><metaname="Description"content="CSS屬性選擇符”/><metaname="Keywords"content="CSSAttributeSelectors,E[att],E[att="val"],E[att~="val"],E[att^="val"],E[att$="val"],E[att*="val"],E[att|="val"]”/><!--描述：屬性選擇器；--><!--[iflteIE8]><scriptsrc="../../js/html5.js"></script><![endif]--><styletype="text/css">body{background-color:deepskyblue;}</style></head><body><headerid="hd"><h1class="tit">CSSAttributeSelectors</h1><ulclass="info"><li>屬性選擇符</li></ul></header><sectionid="bd"><sectionid="attribute-listing"class="gmodulegattr"><h2class="tit">屬性選擇符AttributeSelectors</h2><divclass="cont"><tableclass="gdataform"><thead><tr><th>Selectors<br/>選擇符</th><th>CSSVersion<br/>版本</th><th>Description<br/>簡介</th></tr></thead><tbody><tr><td><ahref="att.htm">E[att]</a></th><td>CSS2</td><td>選擇具有att屬性的E元素。</td></tr><tr><td><ahref="att2.htm">E[att="val"]</a></td><td>CSS2</td><td>選擇具有att屬性且屬性值等于val的E元素。</td></tr><tr><td><ahref="

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論