亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS的相鄰兄弟選擇器用法簡單講解

iteye   發(fā)布時間：2016-07-12 11:48:23   作者：huangqiqing123   我要評論
對于有相同父元素的相鄰HTML元素查找便可以使用CSS的相鄰兄弟選擇器,這里我們就來看一下CSS的相鄰兄弟選擇器用法簡單講解:

可選擇緊接在另一個元素后的元素，且二者有相同的父級元素 下面代碼中，item2和item3會有效果，而item1不會有
HTML代碼：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <ul>  
  2.     <li>item1</li>  
  3.     <li>item2</li>  
  4.     <li>item3</li>  
  5. </ul>  

CSS代碼：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. li+li { font-size: 50px; }  

1、如果需要選擇緊接在另一個元素后的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器。
2、相鄰兄弟選擇器使用加號“+”做為連接符。

示例

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <html>  
  2.   
  3. <head>  
  4.     <style type="text/css">  
  5.         #p1 + p {   
  6.             margin-top: 50px;   
  7.         }   
  8.     </style>  
  9. </head>  
  10.   
  11. <body>  
  12.     <p id='p1'>This is paragraph 1.</p>  
  13.     <p id='p2'>This is paragraph 2.</p>  
  14.     <p id='p3'>This is paragraph 3.</p>  
  15.     <p id='p4'>This is paragraph 4.</p>  
  16. </body>  
  17.   
  18. </html>  

2016712114934794.png (268×203)

相關(guān)文章

  • CSS選擇器的權(quán)重與優(yōu)先規(guī)則分享

    在CSS中，會根據(jù)選擇器的特殊性來決定所定義的樣式規(guī)則的次序，具有更特殊選擇器的規(guī)則優(yōu)先于具有一般選擇器的規(guī)則，如果兩個規(guī)則的特殊性相同，那么后定義的規(guī)則優(yōu)先
    2016-09-11

  • CSS 選擇器演示

    點(diǎn)擊左側(cè)列表中的選擇器，即可在右側(cè)中預(yù)覽到選擇器匹配到的內(nèi)容。如果沒有任何匹配，說明所使用的瀏覽器不支持該選擇器
    2016-08-30

  • 全面了解css 屬性選擇器

    下面小編就為大家?guī)硪黄媪私鈉ss 屬性選擇器。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-20

  • 舉例講解CSS的子元素選擇器用法

    相比后代選擇器,子元素選擇器只能向下一步步尋找最臨近的子元素,局限性更大些,這里我們就來舉例講解CSS的子元素選擇器用法,需要的朋友可以參考下
    2016-07-12

  • CSS選擇器實(shí)現(xiàn)字段解析

    這篇文章主要介紹了CSS選擇器實(shí)現(xiàn)字段解析的相關(guān)資料,需要的朋友可以參考下
    2018-01-31

最新評論