1、 列舉css常見的八種選擇器,css層次選擇器有哪些?
選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
2、 css中如何代表所有元素?
css中用通配符代表所有元素。
通配符使用星號*表示,意思是“所有的”。
平時使用電腦,比如要搜索C盤里所有的網(wǎng)頁,可以使用 *.html來搜索,.html是網(wǎng)頁的后綴名,*代表了所有網(wǎng)頁的名稱;
也就是使用 * 加后綴名,就可以在電腦中搜索文件。
在CSS中,同樣使用 * 代表所有的標簽或元素,它叫做通配符選擇器。
比如:* { color : red; } 這里就把所有元素的字體設置為紅色。
*會匹配所有的元素,因此針對所有元素的設置可以使用*來完成,用的最多的例子如下:
*{margin:0px; padding:0px;}
這里是設置所有元素的外邊距margin和內邊距padding都為0。
不過,由于*會匹配所有的元素,這樣會影響網(wǎng)頁渲染的時間,因此很多人開始停止使用*通配符選擇器,取而代之的是,把所有需要統(tǒng)一設置的元素,放在一起,一塊設置。
3、 css選擇器包括class選擇器嗎?
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級選擇器
1.css標簽選擇器
css標簽選擇器其實就是頁面上的所有類型的標簽,我們對經(jīng)常描述稱為共性,對無法描述的稱為個性。我們在頁面上看到input,div和ul都有可能是選擇器,無論這個標簽藏得多深,都可能被選擇上,并且選擇的是所有標簽,并不是單單指一個。
2.cssID選擇器
css中我們使用#來對名字進行自定義,#是指對一個特殊的標簽來使用,并且只能用一次,在任何html標簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實就是比較靈活。class和id是十分相似的,并且同一個標簽可以使用很多個類選擇器,也可以多種標簽使用。
4.css的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。
4、 表示樣式類選擇器的代碼是?
1:標簽選擇器
標簽選擇器,是所有帶有某種標簽的都生效。這里以p為例,也就是所有的帶有p標記的都會這樣的樣式
復制代碼代碼如下:
<html><head><styletype="text/css">p{font:"宋體"; color:#FF0000}</style></head><body><pid="p1">我現(xiàn)在表現(xiàn)的是標簽選擇器</p><pid="p2">我也用的是標簽選擇器</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
2:id選擇器,注意id選擇器是唯一的,因為只有id="yy"的才有這種樣式,而一個頁面里元素的Id必須是唯一的,所以。。。你懂得id選擇器以#開頭用法是:id=""
復制代碼
代碼如下:
<html><head><styletype="text/css">#yy{font:"宋體"; color:#FF0000}</style></head><body><pid="yy">我現(xiàn)在表現(xiàn)的是id選擇器</p><pid="p">我沒有被id選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
3:類選擇器,類選擇器以.開頭 只要把元素的class="" 就能表現(xiàn)為這種樣式了用法是:class=""
復制代碼
代碼如下:
<html><head><styletype="text/css">.yy{font:"宋體"; color:#FF0000}</style></head><body><pclass="yy">我現(xiàn)在表現(xiàn)的是類選擇器</p><pclass="yy">我沒有被類選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>