全面了解css 屬性選擇器
我要評論1.[class~="flower"]：選中有flower的class
class="flower ss"
class="ss flower"
2.[class|='top']：選擇以top為top開頭的class需要有'—'相連 或者單獨的top
class="top-ss"
class="top"
class="top-ss"//選不中
3.[class^="top"]: 選中以top為開頭的不管有沒有特殊符號相連，單獨的top也可以
class="top-ss"
class="topss"
4.[class$="top"]: 選中以top為結(jié)束的class,單獨的top也行
class="mytop"
class="my-top"
class="top"
5.[class*='tt']: 選中有tt兩個字母的class不管其位置在哪里
class="sttd"
class="ttee"
class="eett"
6.[target=_blank]
a標簽中有target =_blank的選中
7.input[type="button"]
以上這篇全面了解css 屬性選擇器就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/lwwen/archive/2016/07/19/5685612.html
相關(guān)文章
CSS 屬性選擇器_動力節(jié)點Java學(xué)院整理
對帶有指定屬性的 HTML 元素設(shè)置樣式。可以為擁有指定屬性的 HTML 元素設(shè)置樣式，而不僅限于 class 和 id 屬性。下文給大家介紹了css屬性選擇器的相關(guān)知識，感興趣的朋友一2017-06-22- 本文總結(jié)了30個CSS3選擇器,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-13
- CSS3的諸多革命性改進中,對屬性選擇器的增強絕對是亮點之一,這里我們就來詳解CSS3中屬性選擇器新增加的特性,需要的朋友可以參考下2016-07-11
- 本篇文章給大家介紹css3選擇器的使用方法匯總，包括通用選擇器，屬性選擇器，偽類選擇器，對css3選擇器相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-11-24
- 這篇文章主要介紹了CSS屬性簡寫和選擇器的優(yōu)先級問題,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-15
- 上一切在《CSS3選擇器——基本選擇器》中主要介紹了CSS3選擇器的第一部分，這節(jié)主要和大家一起來學(xué)習(xí)CSS3選擇器的第二部分——屬性選擇器2012-01-21
CSS屬性選擇器的四種格式-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
屬性選擇器（AttributeSelectors），或許你不應(yīng)該對屬性選擇器感到陌生，從本質(zhì)上說，id跟類選擇器其實就是屬性選擇器，只不過是選擇了id或者類的值（value）而已。2008-10-17css對邊框的屬性控制和鏈接的偽類選擇器-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
原文：http://jorux.com/archives/property-3-if-you-love-css/ 本篇主要介紹css對邊框(border)的屬性控制和鏈接(link)的偽類選擇器. 邊框(border): css控制的邊框?qū)?/div> 2008-10-17CSS屬性選擇器非常神奇，它們可以幫你避免添加數(shù)不勝數(shù)的類名，從另一方面來指出你代碼里的一些問題。接下來通過本文給大家介紹使用CSS屬性選擇器來拼接HTML的DNA的方法，2018-11-02最新評論