我目前正在用tailwind,剛從bootstrap轉(zhuǎn)過來的時候各種不習(xí)慣,現(xiàn)在也還好吧,tailwind給我的感覺就是自由程度高,你可以隨便建立一個自己的組合,而bootstrap是現(xiàn)成的,例如row,tailwind要自己建個class row 然后apply flexwrap py-4等,但不方便的是建立某些component就比較麻煩,例如booostrap有現(xiàn)成的tab,carousel等,而tailwind就自己建,不過我現(xiàn)在用vue+tailwind,就舒適很多了,幾乎很少特意去寫新的style,直接套用tailwind,只是現(xiàn)在還有很多名稱記不住
偽類選擇器(簡稱:偽類)通過冒號來定義,它定義了元素的狀態(tài),如點擊按下,點擊完成等,通過偽類可以為元素的狀態(tài)修改樣式。
偽類的功能和一般的DOM中的元素樣式相似,但和一般的DOM中的元素樣式不一樣,它并不改變?nèi)魏蜠OM內(nèi)容。只是插入了一些修飾類的元素,這些元素對于用戶來說是可見的,但是對于DOM來說不可見。偽類的效果可以通過添加一個實際的類來達到。
不包括
?一: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的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。
可以使用以下選擇器進行CSS樣式設(shè)置 1. id選擇器 在html頁面給你要加樣式的位置起個id名字比如 id=“a” 那么在CSS頁面的話用#a{}進行設(shè)置 2. class選擇器 在html頁面給你要加樣式的一個或者多個位置起個class名字比如 class=“a” 那么在CSS頁面的話用.a{}進行設(shè)置 3. 標簽選擇器 在CSS頁面的話body{}進行設(shè)置(body就是標簽 body的標簽) 4. 偽類選擇器 selector : pseudo-class {property: value} 進行一些特定區(qū)域的樣式設(shè)置