1、 css選擇器 第二個,css層次選擇器有哪些?
選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
2、 定義類選擇器名稱前加什么符號?
類選擇符前面加點.
id選擇器加#
3、 css設(shè)計器怎么用?
1、首先打開DreamweaverCC2018軟件新建一個html文件,在右上角點擊CSS設(shè)計器,并在下方點擊加號,然后選擇創(chuàng)建新的CSS文件:
2、在創(chuàng)建窗口中,點擊瀏覽按鈕。
3、然后選擇站點創(chuàng)建好CSS文件夾,然后輸入創(chuàng)建的CSS的名字,點擊保存插件文件:
4、然后把添加為設(shè)置成鏈接,點擊確定按鈕:
5、添加完成后就可以在右側(cè)的站點中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了:
6、此時在html文件中的head標簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈接的樣式表:
7、接下來在html網(wǎng)頁編輯頁面,在body標簽中輸入一個div:
8、然后在頂部tab標簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:
9、最后回到html編輯頁面,在div標簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網(wǎng)頁:
10、最后點擊頂部的設(shè)計按鈕,就可以看到實時效果了,此時css文件就成功鏈接進去了:
4、 css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應(yīng)的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設(shè)置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點擊時元素的狀態(tài)
10、 屬性選擇器
作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有