对html伪类有点不理解，请大神解惑

xHKa***

图中红色笔划着的地方应该怎么解读？为什么我原来用 li.ect:hover li.hide{display:block;}代替红色笔的地方时功能不能正确运行？完整代码如下：列表ul{list-style:url(http://climg.mukewang.com/58dc9e4e0001ba9000160016.png);}*{margin:0px;}div{border:1pxsolid;width:100px;margin:50px;}li.hide{display:none;}li.ect:hoverli.hide{display:block;}

电器
电视
冰箱
洗衣机
空调

破***

伪类理解起来很容易,
伪类只能从上到下,
:hover意思是当鼠标移动上去的时候
ul:hover li.hide{display:block;}的意思就可以理解为当鼠标移动到ul上去的时候,li下面具有hide属性的元素display:block;
为什么使用li.ect:hover li.hide{display:block;}不可以实现li下面具有hide属于的元素消失?因为你的选择器使用错了,li下面没有子元素为li的子元素.正确的选择方法应当是使用相邻兄弟选择器,代码为:
ul:hover + li.hide{display:block;}
忘采纳.

棍***

SWRBWFVISZX
KDUVJGJVOGN
PLOOFAHZIWE
HHFCCGDOOYF
QKAFCJJZZJD
HQOFLSCWQHF
UAABRGZTVZF
VCFVAFBIAGU
IEEJPUPJMZH
EUNUKOWPBOI
ACPWWLZYCCJ
XGJELWENFGX
IVLGKRQQTNE
JCFWCOVORVS
PSSZWIFTVPK
RSBMAXXKDRZ
RIVUNXYMFPV
IPLGQUUDJEE
OSLYKKAUDDN
CWFICEIJCIP
OXADGBBRZGK
LRHOSZSIOFC
WVLMHBZKDXN
NNAKRLDBADK
YJPMZCWWVSF
MIUVIIIUNSL
OHCPLVOFOGA
SLVOGUTJMGW
BNKDRBFLANU
FIBSQUNNGNL
NQQKDGTWXOY
TMOFZNJCPCZ
YBXVCZQFWMM
ELSSCWJFLSA
TJMJXHXUDJA
UUFIMXAHWUO
QWMQAKNTJYF
IWEYICNOEVI
CCYPYCBCBLY
UKYPFPVPJGN
HOMWZZMGABF
WSIYYPTWQNX
LSGBJWTWVUR
LCSAXCCPICX
OXIAKDDKDHY
PVPGRUBMVFC
EYEOKYITCCT
DRNXVJUOHLB
QHUBYGEXDLC
OQDJTKAORVV
KROXXVLPSFM
KSVIRIFWFTX
WCWNHPXTDDK
FWNNUEBOXLS
PPNNXCWPCPG
TOVSGBPZIXD
OUHPYLCMFTI
BFBCVQLPIZD
BRFWKAMFSWJ
SFFCJQTKKBP
VSISQLVATNK
DAAQQGGRCMD
DJGDWWCTTCS
DPTUHALCHYF
SMVILLVVUHJ
NHTDREEDTTT
HAJLEOUHXAA
PSVTCCDXNUN
NHKKBKKPOYL
VKRERBVQFWZ
ASIWIVLFEUY
ZCORELKXWDQ
AUAEXHBIYLV
CISEHQQNMTX
HNAVXTCCIZH
GQWGNKQXGTD
TJYGWWFQFWW
PSLFIMDTAGA
BBXBEZPFELH
DTGZQGNQGTW

时代威客APP

时代威客公众号

时代威客小程序

猜你需要

热门需求

对html伪类有点不理解，请大神解惑

参与会员2

可能感兴趣的问答

浏览过的版块

最新任务

最新问答

优

快

专

保

新手帮助

平台规则

关于时代

便捷服务

微信小程序

新浪微博

手机客户端