<form id="ddzdh"><form id="ddzdh"><nobr id="ddzdh"></nobr></form></form>

        <address id="ddzdh"><nobr id="ddzdh"></nobr></address>

              歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
              您的位置:DIVCSS5首頁 > DIV+CSS基礎 >

              什么是CSS指針?這里指針是指屬于與被屬于的關系 如.yangshi .yangshi_a{...}
              對于yangshi_a是yangshi 指向的樣式

              擴展閱讀css鼠標指針、css鼠標光標、css cursor

              我們可以作1個實驗來理解此CSS 指針 是什么
              CSS div樣式
              .yangshi{ width:300px; height:50px; border:1px solid #F00; margin:0 auto; text-align:right;}
              .yangshi .yangshi_a{ float:left; width:30px; border:1px dashed #333;}
              .yangshi .yangshi_b{ float:right; width:50px; border:1px dashed #333;}

               

              <div class="yangshi">
              <div class="yangshi_a">內容a</div>
              <div class="yangshi_b">內容b</div>
              </div>
              <div class="clear"><img src="images/s.gif" /></div>

              瀏覽器顯示結果:
               

              div css指針
              就我們以上實例來做
              我們將.yangshi .yangshi_b{...} 改為.yangshic .yangshi_b{...}
              得到 .yangshic .yangshi_b{ float:right; width:50px; border:1px dashed #333;}
              然后你瀏覽下結果
               
              css 指針
              CSS指針效果
               

              是的 是不是感覺yangshi_b雖然我們 在DIV使用class調用了但是失效了

              怎么多中間的虛線了

              那就是因為DIV獨占一行的特性出來了

              <div class="yangshi_b">內容b</div> 失效了

              當然你會看到
              css 指針
              是的 是因為CSS指針屬性,看到改后yangshi_b可以理解父級(yangshic)不存在(或html中改后yangshi_b父級是yangshi而不是yangshic所以為導致yangshic指針到yangshi_b的樣式失?。?/span>

              這個CSS指針我們可以很好利用

              比如以后我們統一css命名 比如在一個網頁中很多欄目標題我們就以.titles命名 我們可以利用CSS指針給他賦予不同父級 在不同地方使用并賦予不同CSS樣式,利用這一特點 讓我們維護更加容易,一看此命名就知道此處是某欄目標題意思

              補充CSS教程
              CSS 父級子級

              如需轉載,請注明文章出處和來源網址:http://www.yfzzdoors.com/rumen/r238.shtml

              如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
              CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
              本文www.yfzzdoors.com DIVCSS5版權所有。

              人妻AV乱片AV,A∨天堂网在线观看免费,希崎杰西卡亚洲精品中文字幕

                  <form id="ddzdh"><form id="ddzdh"><nobr id="ddzdh"></nobr></form></form>

                    <address id="ddzdh"><nobr id="ddzdh"></nobr></address>