選擇器

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名申請、網頁空間、營銷軟件、網站建設、太湖網站維護、網站推廣。

    屬性選擇器:  img[src="p_w_picpaths/2.jpg"]

          開頭匹配:  a[href ^="page/"]

          結尾匹配:  a[href $="2.html"]

          任意匹配:  a[href *="2"]   只要這個屬性中出現"2", 就匹配.

          分組匹配:  div[data-haha ~="box"]    data-haha 中有 "box" 這個屬性, 就匹配.

          短橫匹配:  div[data-haha |= "box"]   data-haha 中有 "box-" 開頭的字符, 就匹配.

          有屬性匹配:  div[alt]   div 有 alt 這個屬性, 就匹配.

    以上選擇器都兼容到 IE7, 并且不僅限于標簽開頭, 為了好區分就加上標簽, 并且可連續使用:

          div[alt][src^="p_w_picpaths"][src*="2"]  有alt屬性, src 屬性值開頭為 p_w_picpaths, src 中存在 "2",匹配.

JQ 也能使用這類選擇器但不能有引號, 且兼容 IE6.

--------------------------------------------------------------------------------------------------------

    序選擇器:

          p:only-child  這個元素為父級唯一的子級元素.

          p:first-child  若父級盒子第一個元素為p, 則作用, 而不是所有的 p 元素排隊的第一個(IE7).

          p:last-child  若父級盒子最后一個元素為p, 則作用, 而不是所有的 p 元素排隊的最后一個(IE9).

          JQ 中也能用, 且 $("p :first") 是所有 p 元素的第一個, 兼容 IE6.

          P:nth-child(n)  作用于所有盒子中的第 n 個 元素且為 p 元素(從1開始), 要選擇偶數參數寫 2n, 奇數 2n+1, 可自行調整(IE9).

          JQ 中, $("p:eq(2)") 選擇所有第三個的p,吹哨. $("p:nth-child(3)") 不吹哨.

           所謂的吹哨就是把一個頁面中所有的這個元素都叫出來大排隊...

          p:first-of-type: 作用于父級盒子的第一個為 p 的元素(IE9).

          p:last-of-type: 作用于父級盒子的最后一個為 p 的元素(IE9).

          p:nth-of-type(n): 作用于父級盒子的正數第 n 個, 2n為偶數, 2n+1為奇數(IE9).

          p: nth-last-of-type(n): 作用于父級盒子的正數第 n 個, 2n為偶數, 2n+1為奇數(IE9).

          JQ 也支持這類選擇器, 兼容 IE6. 以上的 p 都可以換為基礎選擇器

--------------------------------------------------------------------------------------------------------

    節點選擇器

          兒子選擇器: div>p 選中 div 子級節點中的 p 元素(IE7).

          下一個兄弟選擇器: h4+p 選中 h4 后面的為 P 的兄弟元素(IE7), $("div").nextSibling("p").fadeIn() 等價于 $("div+p").fadeIn(), 但操作機理完全不同.

          后面所有兄弟: h5~p 選中 h5 后兄弟元素中所有的 P 元素(IE7). JQ 中 $("div").nextAll("p").fadeIn() 等價于 $("div~p").fadeIn(), 但操作機理完全不同.

創新互聯www.cdcxhl.cn，專業提供香港、美國云服務器，動態BGP最優骨干路由自動選擇，持續穩定高效的網絡助力業務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節活動現已開啟，新人活動云服務器買多久送多久。

當前題目：CSS3中的常用選擇器-創新互聯
分享路徑：http://vcdvsql.cn/article26/csiscg.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、網站設計、用戶體驗、網站導航、搜索引擎優化、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯