1、 css中偽類選擇器有哪些,如何評價CSS框架TailwindCSS?
我目前正在用tailwind,剛從bootstrap轉(zhuǎn)過來的時候各種不習慣,現(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)在還有很多名稱記不住
2、 css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點擊時元素的狀態(tài)
10、 屬性選擇器
作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
3、 HTML中如何固定hover狀態(tài)div不動?
html固定hover狀態(tài)下div不動,需要設置css的屬性,使用偽類hover的定義下將div的所有樣式去除
4、 偽dom是什么意思啊?
“偽DOM自定義事件”是自己定義的一個名詞,用來區(qū)分DOM自定義事件的。例如jQuery庫,其是基于包裝器(一個包含DOM元素的中間層)擴展事件的,既與DOM相關,又不直接是DOM,因此,稱之為“偽DOM自定義事件”。
virtual DOM 虛擬DOM,用普通js對象來描述DOM結構,因為不是真實DOM,所以稱之為虛擬DOM。
虛擬 dom 是相對于瀏覽器所渲染出來的真實 dom而言的,在react,vue等技術出現(xiàn)之前,我們要改變頁面展示的內(nèi)容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結構,來達到更新 ui 的目的。