CSS中的偽類,應用場景?遮罩層與超連結樣式

2021-09-20 13:15:30 字數 986 閱讀 5984

很久沒寫部落格了…這段時間一直在準備各種面試,把知識點和體系全都總結在印象筆記裡,有機會的話再把那些分享出來吧。

偽類是同乙個標籤,根據其不同的種狀態,有不同的樣式。通俗的可以理解成在頁面上多加了一,這個就是偽類,具體長什麼樣,在這個的css裡定義即可。

link:連線平常的狀態

visited:連線被訪問過之後

hover:滑鼠放到連線上的時候

active:連線被按下的時候

順序:a:link、a:visited、a:hover、a:active .

利用偽類實現遮罩層

html結構

利用偽類的背景色

原理: 在失去焦點時無背景色(即預設透明),得到焦點時設定背景色即可

.text

.test:hover:after

.test:hover .text

利用偽類的透明度

原理:偽類元素失去焦點時全透明得到焦點改變透明度即可

.test::after

.test:hover:after

.test:hover .text

其實這兩種方法原理都是一樣的。

常見偽類:

常見偽元素:

區別:

js中this的應用場景

this存在於函式中,函式的呼叫方式決定了this指代的物件 1 作為物件的方法用 var obj obj.x 100 obj.y function obj.y 彈出 100 2 作為函式呼叫 var x the window function f f the window 3 作為閉包函式呼叫 v...

85,類物件的應用場景

import inte ce person nsobject void test1 void print id productobject class c end implementationperson void test1 void print id productobject class c ...

css中偽類與偽元素的區別

w3c標準對他們所得解釋 偽類 css偽類是用來新增一些選擇器的特殊效果。由於狀態的變化是非靜態的,所以元素達到乙個特定狀態時,它可能得到乙個偽類的樣式 當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和class有些類似,但它是基於文件之外的抽象,所以叫偽類。偽元素 css偽元素是用來新增...