最近有點忙,所以沒有發表博文,現在時間空閑下來了,好好的整理一下知識,今天總結一下css里面的一些選擇器。 css里的選擇器有好多種,下面我就把我了解到的寫一寫,如果有不全的或者有誤的歡迎留言指正,萬分感謝。 一、選擇器 1、* 通配符選擇器 這個選擇器是匹配 ...
一 元素選擇器 所有瀏覽器支持 元素選擇器 標簽名選擇器 其實就是文檔的元素,如html,body,p,div等等, 下面例子中選擇了span元素,並設置了字體顏色為紅色。 CSS: 效果: 二 類選擇器 所有瀏覽器都支持類選擇器,但多類選擇器 .className .className 不被ie 支持。 類選擇器根據類名來選擇,前面以 . 來標志,使用類選擇器之前需要在html元素上定義類名,類 ...
2017-08-05 21:21 0 2961 推薦指數:
最近有點忙,所以沒有發表博文,現在時間空閑下來了,好好的整理一下知識,今天總結一下css里面的一些選擇器。 css里的選擇器有好多種,下面我就把我了解到的寫一寫,如果有不全的或者有誤的歡迎留言指正,萬分感謝。 一、選擇器 1、* 通配符選擇器 這個選擇器是匹配 ...
xpath選擇器 表達式 說明 article 選取所有article元素的所有子節點 /article 選取根元素article article/a 選取 ...
1.>(子選擇器) #a>p{ // 使用 > 號,讓選擇器選擇id="a"的所有子類(直接子類) 結果: 2.+(相鄰選擇器) h1+p,選擇緊接在另一個元素后的元素,而且二者有相同的父元素。只會選擇第一個相鄰的匹配元素 ...
1、標簽選擇器 2、類選擇器 3、id選擇器 4、通配符選擇器(*) 5、連接類偽類選擇器(a:hover) 6、結構偽類選擇器(first-child(),last-child(),nth-child(),nth-last-child()) 7、目標偽類選擇器(:target 被選 ...
1. id選擇器(#myid) 根據id的值選擇元素 2. 類選擇器(.myclassname) 根據class的值選擇元素 3. 標簽選擇器(div,h1,p) 根據標簽選擇元素 4.相鄰選擇器/兄弟選擇器(h1+p) 匹配緊跟第一個選擇器,並且匹配第二個選擇器內的元素,如緊跟h1元素后 ...
一、后代選擇器 選取指定元素的后代元素 與子元素選擇器相比,后代選擇器選取的不一定是直接后代(兒子),而是作用於所有后代元素(兒子、孫子、重孫…)都可以。 實例:(選取類為 box的元素的 id為aa后代元素) HTML CSS 二、(> ...
css的選擇器是還是比較富的,主要的css選擇器如下: 標簽選擇器(如:body,div,p,ul,li) .類選擇器(如:class="head",class="head_logo") ID選擇器(如:id="name",id="name_txt") 全局 ...
CSS 元素選擇器 http://www.w3school.com.cn/css/css_selector_type.asp 選擇器分組 http://www.w3school.com.cn/css/css_selector_grouping.asp 通配符選擇器 CSS ...