前端一HTML:十二:元素查找过程的详解
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:十二:元素查找过程的详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
后代選擇器查找原理?
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">.father p{color: red;} /*后代選擇器 原理: 瀏覽器在尋找對應標簽的時候不是從左向右而是從右向左找, 以這個例子為例, 瀏覽器先找p標簽，再找 class="father"的標簽*/</style> </head> <body><div class="father"><div class="novle"><p>三國演義</p><p>紅樓夢</p></div><div class="movie"><p>肖申克的救贖</p><p>唐伯虎點秋香</p></div></div><p>威尼斯的商人戲劇</p> </body> </html>?
?子元素選擇器 原理
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">.father> p{color: red;} /*子元素選擇器 原理: 找到p標簽, 并且判斷這個p是否是father的直接子元素 */</style> </head> <body><div class="father"><p>威尼斯的商人戲劇</p><p>哈姆雷特戲劇</p><div class="novle"><p>三國演義</p><p>紅樓夢</p></div><div class="movie"><p>肖申克的救贖</p><p>唐伯虎點秋香</p></div></div> </body> </html>?
總結
以上是生活随笔為你收集整理的前端一HTML:十二:元素查找过程的详解的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python五十七:str与repr,类
- 下一篇： 前端一HTML:十三:css的三大特性