                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

求大神解答

圖二圖三都能達(dá)到圖四的效果，請(qǐng)問(wèn)下圖三的這一段語(yǔ)言有沒(méi)有錯(cuò)誤呢？

星辰的淚

2018-06-13

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-10

關(guān)注問(wèn)題我要回答

994

操作

收起

4 回答

陽(yáng)火鍋回答被采納 +2 積分
2018-06-13

這是有本質(zhì)區(qū)別的，源代碼是這樣的.first,#second span{color:green;}，你的是把中間的#second刪掉了。。你光看最后實(shí)現(xiàn)的效果是一樣。其實(shí)你要知道#second span是代表第二段里面的span標(biāo)簽設(shè)置為藍(lán)色。.first,span是代表所有的span設(shè)置為藍(lán)色。。其實(shí)你這個(gè)可以分開(kāi)寫(xiě)就能看出效果，例如：.first,span{color:blue}，你可以拆分為.first{color:blue},span{color:red} ? ?與 ?.first{color:blue},#second span{color:red}。。 ?然后你運(yùn)行再看看效果就明白了

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

星辰的淚提問(wèn)者

好的，謝謝大佬指點(diǎn)

2018-06-13 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕桂英4105480

#是id=second選擇符難道不是作用于整段的文本嗎？為什么可以指代第二段中的標(biāo)簽

2018-07-03 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Gaberial 回復(fù) 慕桂英4105480

首先#second限定了作用于second命名的中，也就是第二段，其次#second后面有空格，屬于后代選擇器，空格后是span，自然指代了第二段中的了

2018-07-15 回復(fù) 有任何疑惑可以回復(fù)我~

lalalaboom
2018-08-16

首先是優(yōu)先級(jí)的問(wèn)題，其次是如果不加ID選擇器，就意味著文段中所有寫(xiě)了標(biāo)簽中的內(nèi)容都用了它的聲明，因本題類(lèi)選擇器優(yōu)先級(jí)最高，所以第一段的膽小如鼠是類(lèi)選擇器first的聲明，而第二段并沒(méi)有其他的標(biāo)簽，因此你的圖二和圖三都能形成圖四的效果

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答