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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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>這是一個標題</h3><p>這是一個文字段落</p><p>這是一個文字段落</p><h3>這是一個標題</h3><p>這是一個文字段落</p><h3>這是一個標題</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>這是一個標題</h3><p>這是一個文字段落</p><p>這是一個文字段落</p><h3>這是一個標題</h3><p>這是一個文字段落</p><h3>這是一個標題</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關系選擇符<head><metacharset="utf-8”/><title>RelationshipSelectorsindex</title><metaname="Description"content="CSS關系選擇符”/><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>關系選擇符</li></ul></header><sectionid="bd"><sectionid="relationship-listing"class="gmodulegattr"><h2class="tit">關系選擇符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=,,?">內部鏈接</ax/li><lixahref="?"class="external">外部鏈接</ax/li><lixahref="?">內部鏈接</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="?">內部鏈接</a></li><li><ahref="?"class="external">外部鏈接</a></li><li><ahref="?">內部鏈接</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">內部鏈接</a></li><li><ahref="?"class="externaltxt">外部鏈接</a></li><li><ahref="?"class="txt">內部鏈接</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結尾的字符串的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)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論