在web程式設計的時候我們需要的必不可少的功能是選擇器，選擇器又分為多種，在這裡選擇常用的進行詳細介紹(這裡也是我最近的學習內容)
class
="123"
id="456"
>
>
你好span
>
>
>
你好span
>
p>
div>
>
你好sapn
>
1）作用：選擇指定元素的指定後代元素
2）語法：祖先元素 後代元素{} //注意祖先元素和後代元素之間使用空格
使用一：
type
="text/css"
>
div span
//表示div中的span中的內容全部執行操作，無論是子類還是孫子一輩的
#456 span
//id選擇器加後代選擇器 對id為456的div的後代為span的元素進行設定（class也同理）
div p span
//對div下的p標籤中的span進行設定
style
>
補充#id值{}//為id選擇器
.class值{}//為calss選擇器
標籤{}//元素選擇器
type
="text/css"
>
div > span
//對div的子類的span進行設定，至於p標籤下的span這個孫子輩的元素不進行修改
style
>
如下：（以a便簽為例） 注意
補充：< input type=「text」 >//**為建立輸入文字框
偽元素選擇器（針對對元素中的一些特殊位置)
這裡以p便簽為例
屬性選擇器
title
="內容"
>
元素p>
當滑鼠移入到元素上時，title中的內容將顯示
>
..........p
>
>
..........p
>
>
..........p
>
>
..........p
>
type
="text/css"
>
p:first-child
//對p第一行的p進行設定（只限於對同一輩的第一行）
style
>
>
........span
>
>
..........p
>
>
..........p
>
type
="text/css"
>
p:first-child
style
>
>
........p
>
>
>
.......p
>
div>
type
="text/css"
>
p:first-child
//兩個p均改變
style
>
type
="text/css"
>
p:nth-child(這裡放p便簽需要修改的第幾個)
//放為1則為第乙個
//選擇器都可以指定乙個引數，指定要選中的第幾個子元素
//當寫入的是even時，所有的偶數p便簽改變
//當寫入的是odd時，所有的奇數p便簽改變
style
>
type
="text/css"
>
p:first-of-type
//對所有p元素的中的第乙個進行修改（無論是不是在第一行）
style
>
否定偽類
p{} //為所有的p設定
作用：從選中的元素中去除某些元素
p：not（）{} //對p設定去除括號內的類或者id
選擇器的優先順序
注： 補充：並集選擇器的遊戲那幾單獨計算（不相加）
div > p > #p > .h
#p代表id
.h代表類
乙個必須知道，但是又不太常用的東西
！important
在樣式的最後和；之間加入此符號，則會將該樣式設為最高優先順序，甚至會超過內聯樣式，但是開發中不建議使用
type
="text/css"
>
pstyle
>
color
="green"
>
p>
//稱為內聯樣式
CSS常用選擇器介紹
希望這篇文章對一些剛入門的新手有所幫助。css樣式設定，常用的幾類選擇器 例 1 id選擇器 首先在元素標籤內定義乙個屬性id，並設定屬性值為test。css樣式的定義，如果是id選擇器，則是 接對應元素標籤內的id屬性值。比如 test 2 元素選擇器 直接通過元素標籤名進行css樣式設定，比如選...
Css選擇器的介紹以及使用
1 標籤選擇器 標籤選擇器，此種選擇器影響範圍大，建議盡量應用在層級選擇器中。舉例 div 2 id 選擇器 通過 id 名來選擇元素，元素的 id 名稱不能重複，所以乙個樣式設定項只能對應於頁面上乙個元素，不能復用，id 名一般給程式使 用，所以不推薦使用 id作為選擇器。舉例 box 3 類選擇...
WEB前端 CSS常用選擇器
1.1 標籤選擇器 就是用標籤名來當做選擇器。1 所有標籤都能夠當做選擇器，比如body h1 dl ul span等等 2 不管這個標籤藏的多深，都能夠被選擇上。3 選擇的是所有的，而不是某乙個。所以是共性，而不是特性。1 a 表示選擇id 1 lj1 2 同乙個頁面內id不能重複，即使不一樣的標...