網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang
首頁:only-child
認(rèn)識(shí)CSS3 :only-child 選擇器和使用方法
定義和用法:only-child 選擇器匹配屬于其父元素的唯一子元素的每個(gè)元素。所有主流瀏覽器均支持 :only-child 選擇器,除了 IE8 及更早的版本。案例:案例一:規(guī)定屬于其父元素的唯一子元素的每個(gè) p 元素:p:only-child{background:#ff0000;}<!DOCTYPE html> <html> <head> <style>&...
純CSS制作多級(jí)下拉菜單(有子菜單時(shí)顯示特定圖標(biāo))
各種下拉菜單是我們的常用特效,目前的大多數(shù)網(wǎng)站都逃不開,所以今天來分享下使用純CSS去制作下拉菜單,同時(shí)如果有子菜單時(shí),主菜單會(huì)顯示圖標(biāo),比如常用的三角形,看下圖:可以看出,第一、第二主菜單都沒有子菜單,也不產(chǎn)生下拉菜單,而三和四菜單則有子菜單,并且主菜單顯示標(biāo)識(shí)圖標(biāo):這是如何實(shí)現(xiàn)的呢?HTML<nav> <ul> <li&...