css里面選擇器,元素類(lèi)名與類(lèi)名元素有什么區(qū)別?
元素.類(lèi)名 例如:p.abc{ color:red; } 類(lèi)名是abc的標(biāo)簽p的顏色是red 類(lèi)名.元素 .abc p{ color:red; } 表示:類(lèi)名abc的任何標(biāo)簽旗下的p標(biāo)簽顏色是red
css層次選擇器有哪些?
選擇器body > div 只操作body下級(jí)的div。div1 + div2 只選擇div1 同級(jí) 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
CSS的類(lèi)選擇器和id選擇器各有什么優(yōu)勢(shì)?
ID用于標(biāo)識(shí)頁(yè)面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來(lái)標(biāo)識(shí)持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來(lái)標(biāo)識(shí)一次性元素,例如某個(gè)鏈接或表單元素。一個(gè)ID只能應(yīng)用于頁(yè)面上的一個(gè)元素。
class同一個(gè)類(lèi)名可以應(yīng)用于頁(yè)面上任意多個(gè)元素,因此類(lèi)的功能強(qiáng)大的多。類(lèi)非常適合表示內(nèi)容的類(lèi)型或其他相似的條目。
在實(shí)際開(kāi)發(fā)中,要根據(jù)實(shí)際使用情況來(lái)決定是使用哪種樣式。對(duì)于單一元素的在單一界面的展示樣式可以推薦是用id來(lái)定位。多余多個(gè)界面公用,或者同一界面多個(gè)元素風(fēng)格一致,樣式統(tǒng)一使用class類(lèi)要方便的多。
下面就是最簡(jiǎn)單的一個(gè)小例子:
展示效果:
表示樣式類(lèi)選擇器的代碼是?
1:標(biāo)簽選擇器
標(biāo)簽選擇器,是所有帶有某種標(biāo)簽的都生效。這里以p為例,也就是所有的帶有p標(biāo)記的都會(huì)這樣的樣式
復(fù)制代碼代碼如下:
<html><head><styletype="text/css">p{font:"宋體"; color:#FF0000}</style></head><body><pid="p1">我現(xiàn)在表現(xiàn)的是標(biāo)簽選擇器</p><pid="p2">我也用的是標(biāo)簽選擇器</p><h1>我沒(méi)有被任何的選擇器修飾</h1></body></html>
2:id選擇器,注意id選擇器是唯一的,因?yàn)橹挥衖d="yy"的才有這種樣式,而一個(gè)頁(yè)面里元素的Id必須是唯一的,所以。。。你懂得id選擇器以#開(kāi)頭用法是:id=""
復(fù)制代碼
代碼如下:
<html><head><styletype="text/css">#yy{font:"宋體"; color:#FF0000}</style></head><body><pid="yy">我現(xiàn)在表現(xiàn)的是id選擇器</p><pid="p">我沒(méi)有被id選擇器修飾</p><h1>我沒(méi)有被任何的選擇器修飾</h1></body></html>
3:類(lèi)選擇器,類(lèi)選擇器以.開(kāi)頭 只要把元素的class="" 就能表現(xiàn)為這種樣式了用法是:class=""
復(fù)制代碼
代碼如下:
<html><head><styletype="text/css">.yy{font:"宋體"; color:#FF0000}</style></head><body><pclass="yy">我現(xiàn)在表現(xiàn)的是類(lèi)選擇器</p><pclass="yy">我沒(méi)有被類(lèi)選擇器修飾</p><h1>我沒(méi)有被任何的選擇器修飾</h1></body></html>