lang="en">
charset="utf-8">
演示css各種選擇器title>
type="text/css">
/*標籤選擇器*/
/*會作用於所有的div標籤*/
div /*類選擇器*/
/*可以通過標籤的class屬性指定
指定了class屬性為classdemo的標籤
就會有lassdemo這個類選擇器中的樣式*/
/*lassdemo就是這個類選擇器的名字,名字就可以隨意起*/
.classdemo
/*id選擇器,通過#符號指定
iddemo就是下面這個id選擇器的名字
id 屬性為iddemo的標籤,就會擁有iddemo這個選擇器宣告中的樣式
因為id屬性在乙個html文件中是唯一存在的
所以id選擇器也會只作用於乙個標籤
而類選擇器可以被多個標籤使用,
id這個屬性一般是留給寫js的人使用的
寫js的程式設計師可以通過id屬性找到對應的標籤
然後通過一系列的方法操作這個標籤
所以寫html頁面的時候基本用的就是類選擇器而不會選擇id選擇器*/
#iddemo
style>
head>
class="classdemo">我是p1:用來顯示類選擇器的作用,我的顏色和字型大小是被改變了的p>
我是p2:我沒變過,我是用來證明p1被改變了p>
class="classdemo">我路過span>
id="iddemo">我是h1標題,用來展示id選擇器h1>
body>
html>
html 選擇器之屬性選擇器
屬性選擇器的主要作用個人的理解就是對帶有指定屬性的元素設定css樣式。使用css3的屬性選擇器，可以指定元素的某個屬性，也可以指定某個屬性和這個屬性所對應的值。css3的屬性選擇器主要包括下面幾種 e attr 只使用屬性名，但沒有確定任何屬性值 e attr value 指定屬性名，並指定了該屬性...
html 選擇器之基礎選擇器
我把css選擇器分開成三部分，第一部分是我們常用的部分，我把他叫做基本選擇器 第二部分我把他稱作是屬性選擇器，第三部分我把他稱作偽類選擇器 一 基礎選擇器 1.萬用字元 選中所有的元素 2.元素選擇器 e 乙個元素作為乙個選擇器，div，ul，dd，span等等 3 類選擇器 class 定義cla...
各種選擇器
交集選擇器 p.red 選擇並集選擇器 div,p,span,choose,idname 後代選擇器 div p 選中div下的p標籤 choose p 選中.choose類下的p標籤 子代選擇器 僅限於第一代 choose h3 屬性選擇器 選擇具有某種屬性的標籤 a title 選擇帶title...