css選擇器有哪五種,怎樣區(qū)分后代選擇器和子代選擇器?
1.第一從符號(hào)上來區(qū)分后代選擇器:是用空格來分隔開來 例如<h1>一個(gè)<span>人</span>的戰(zhàn)爭(zhēng)</h1> 就是h1 span{}子代選擇器:用特殊符號(hào)> 例如 h1>span{}
2.第二從用法上區(qū)分后代選擇器html部分:<ul class="study"> <li>物理 <ul> <li>力學(xué)</li> <li>聲學(xué)</li> <li>電磁學(xué)</li> </ul> </li> <li>數(shù)學(xué) <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數(shù)學(xué)加一個(gè)紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學(xué) 聲學(xué) 電磁學(xué) 和數(shù)學(xué) 微積分 概率論博弈論都加一個(gè)紅色方框*/}這說明子代是他是單傳只給物理和數(shù)學(xué)就斷子絕孫,后代是一代傳一代。
子代選擇器時(shí)效果圖:
后代選擇器時(shí)效果圖:
在CSS里在每個(gè)標(biāo)記前加?
#是一種 CSS 標(biāo)記選擇器~~~ 它是針對(duì)網(wǎng)頁(yè)中某個(gè)標(biāo)簽的 id 值而應(yīng)用樣式的~~比如頁(yè)面中有:
那么,要為這個(gè) div 標(biāo)簽應(yīng)用樣式,就需要在CSS中寫:#hello{ font-size:14px; /* 再添加其它的樣式 */}css層次選擇器有哪些?
選擇器body > div 只操作body下級(jí)的div。div1 + div2 只選擇div1 同級(jí) 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
css的類選擇器用什么屬性引用?
用于來定義一類可以在同一個(gè)頁(yè)面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動(dòng)),或者自己定義的用于新聞列表的樣式,詳細(xì)的寫好鏈接、列表、邊框以及背景等屬性,有些人還會(huì)習(xí)慣把一些常用的屬性作為一個(gè)類。