一、格式
標籤[屬性=值]：attribute |= value(css2)
attribute^=value(css3)
兩者之間的區別：css2中只能找到value開頭，並且value是被-和其他內容隔開的；css3中只要是以value開頭的都可以找到，無論有沒有橫線隔開的
p[id|=abcd]
p[id^=bcd]
........省略**......... 優秀1
優秀2優秀3
優秀4
2.屬性的取值是以什麼結尾的
attribute$=value(css3)
p[id$=efgh]
........省略**......... 優秀5
優秀6
3.屬性的取值是否包含某個特定的值
attribute~=value(css2)
attribute*=value(css3)
兩者之間的區別：css2中只能找到value開頭，並且value是被空格和其他內容隔開的；css3中只要是以value開頭的都可以找到，無論有沒有橫線或者空格隔開的
p[id~=cdoe]
p[id*=cdp]
.......省略**......... 優秀7
優秀8優秀9
優秀10
print('\n'.join([''.join([('love'[(x-y) % len('love')] if ((x*0.05)**2+(y*0.1)**2-1)**3-(x*0.05)**2*(y*0.1)**3 <= 0else' ') for x in range(-30, 30)]) for y in range(30, -30, -1)]))web前端入門到實戰 實現html頁面自動重新整理
使用場景 頁面需要定時重新整理，實時載入資料，需要實時檢視監控資料 h5中的websocket和sse可以實現區域性重新整理 一定時間之後跳轉到指定頁面 登入註冊之類 前端開發使用偽資料除錯html頁面 修改一些js的變數值，可以自動重新整理效果 示例 頁面自動重新整理注 其中10指每隔10秒重新整...
web前端入門到實戰 HTML序選擇器上
解釋css3 中新增的選擇器中最具有代表性的就是序選擇器，大致可以分為兩類 1 同級別的第幾個 2 同型別的第幾個 先寫乙個公共 我是一梯隊 我是一梯隊 我是一梯隊 我是第二梯隊 我是第二梯隊 我是第二梯隊 1.選中同級別中的第乙個 標籤 first child 屬性 值 注意點 不區分型別，只管取...
web前端入門到實戰 CSS多級選單
這是乙個相當炫的功能，讓網頁看起來像桌面程式，如window的開始選單。實現原理基本和純css相簿差不多，但要注意的事項比較多，讓我們一步步來吧。先來乙個非常簡單的一級選單與懸停效果。結構很熟悉吧，就是把原來放的地方換成文字而已。我還特意標出來了。接著下來的表現層 非常簡單。menu menu li...