css-擴(kuò)展選擇器

kidsamong 發(fā)布于2019-04-23 13:14 / 2880人閱讀

摘要：關(guān)聯(lián)選擇器設(shè)置標(biāo)簽里面標(biāo)簽的樣式，嵌套標(biāo)簽里面的樣式組合選擇器把和標(biāo)簽設(shè)置成相同的樣式，把不同的標(biāo)簽設(shè)置成為相同的樣式偽元素選擇器了解里面提供了一些定義好的樣式，可以拿過(guò)來(lái)使用比如超鏈接超鏈接的狀態(tài)原始狀態(tài)鼠標(biāo)放上去的狀態(tài)點(diǎn)擊點(diǎn)擊之后記

（1）關(guān)聯(lián)選擇器
　　

aaaaaaaaaaaa

　　* 設(shè)置div標(biāo)簽里面p標(biāo)簽的樣式，嵌套標(biāo)簽里面的樣式

div p{
    background-color:blue;
}

（2）組合選擇器
　　

aaaaaaaaaaaa

bbbbbbbbb

　　* 把div和p標(biāo)簽設(shè)置成相同的樣式，把不同的標(biāo)簽設(shè)置成為相同的樣式

div,p{
    background-color:blue;
}

（3）偽元素選擇器（了解）
　　* css里面提供了一些定義好的樣式，可以拿過(guò)來(lái)使用
　　* 比如超鏈接
　　** 超鏈接的狀態(tài)
　　原始狀態(tài) 鼠標(biāo)放上去的狀態(tài) 點(diǎn)擊點(diǎn)擊之后
　　:link :hover :active :visited
　　*** 記憶的方法
　　lv ha


    
        World
        
    
    
        個(gè)人首頁(yè)

云服務(wù)器 GPU云服務(wù)器 css選擇器基礎(chǔ)選擇器css css選擇 js css 加載器

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/1613.html

相關(guān)文章

談?wù)?em>CSS預(yù)處理器

摘要：變量插值預(yù)處理器中定義的變量不僅可以用作屬性值，還可以用作選擇器，屬性名等，這就是變量插值。三種預(yù)處理器的嵌套語(yǔ)法是一致的，引用父級(jí)選擇器的標(biāo)記也相同。三種預(yù)處理器的使用方式的差異比較大，下面分別說(shuō)明。在寫CSS的時(shí)候我們會(huì)發(fā)現(xiàn)，為了兼容瀏覽器等原因，我們往往需要寫很多冗余的代碼，CSS預(yù)處理器就是為了解決CSS的這些問(wèn)題，簡(jiǎn)化CSS代碼的編寫。目前最主流的CSS預(yù)處理器是LESS...

BlackMass 2019-08-30 13:12 評(píng)論0 收藏0
CSS || 功能分類

摘要：組件的外觀可以通用，但是位置卻不能?？偨Y(jié)出現(xiàn)上述問(wèn)題的愿意一個(gè)承擔(dān)的樣式太多。在使用等簡(jiǎn)寫屬性時(shí)，注意其中關(guān)于位置和布局的樣式等布局和位置由單獨(dú)的布局類或單獨(dú)容器元素構(gòu)成。降低現(xiàn)有類名沖突使用規(guī)則進(jìn)行命名。 CSS模塊化規(guī)則 CSS模塊的設(shè)計(jì)原則：可重用可維護(hù) 可擴(kuò)展 1 常見的問(wèn)題 1.1 基于父組件直接修改樣式 .widget { background: yello...

xuhong 2019-08-29 12:13 評(píng)論0 收藏0
[譯]聊一聊CSS方法論

摘要：這個(gè)方法論在內(nèi)容和容器之間有著明顯的區(qū)分。這是通過(guò)把命名為表示其角色的類名。通過(guò)使用這種扁平的命名方式避免了多后代的選擇器。原文鏈接：A Look at Some CSS methodologies CSS在大型，復(fù)雜，快速迭代的系統(tǒng)中難以管理的程度是出了名的。其中一個(gè)原因是CSS缺少內(nèi)置的作用域管理機(jī)制。在CSS中，所有的一切都是全局的，這意味著任何你所做的改變都有可能層疊或者改...

CoffeX 2019-08-28 18:20 評(píng)論0 收藏0
[譯]聊一聊CSS方法論

摘要：這個(gè)方法論在內(nèi)容和容器之間有著明顯的區(qū)分。這是通過(guò)把命名為表示其角色的類名。通過(guò)使用這種扁平的命名方式避免了多后代的選擇器。原文鏈接：A Look at Some CSS methodologies CSS在大型，復(fù)雜，快速迭代的系統(tǒng)中難以管理的程度是出了名的。其中一個(gè)原因是CSS缺少內(nèi)置的作用域管理機(jī)制。在CSS中，所有的一切都是全局的，這意味著任何你所做的改變都有可能層疊或者改...

cfanr 2019-08-01 14:53 評(píng)論0 收藏0
優(yōu)雅地寫css

摘要：在規(guī)則聲明的左大括號(hào)前加上一個(gè)空格。規(guī)則聲明之間用空行分隔開。根據(jù)屬性的重要性順序書寫。因此私有在前，標(biāo)準(zhǔn)在后的寫法是考慮到了以后可能會(huì)出現(xiàn)的問(wèn)題。且最好盡量減少?zèng)]有實(shí)際作用的冗余的屬性。 https://csswizardry.com/2013/...https://css-tricks.com/bem-101/https://www.smashingmagazine....htt...

Kyxy 2019-08-29 14:06 評(píng)論0 收藏0