css-擴展選擇器

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

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

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

aaaaaaaaaaaa

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

div p{
    background-color:blue;
}

（2）組合選擇器
　　

aaaaaaaaaaaa

bbbbbbbbb

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

div,p{
    background-color:blue;
}

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1613.html

相關(guān)文章

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

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

BlackMass 2019-08-30 13:12 評論0 收藏0
CSS || 功能分類

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

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

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

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

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

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

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

Kyxy 2019-08-29 14:06 評論0 收藏0