国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

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

2024-07-11 08:32:41
字體：大 中 小
供稿：網(wǎng)友

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

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

CSS代碼：

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

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

示例

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

2016712114934794.png (268×203)

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 襄垣县| 满城县| 克山县| 法库县| 香港| 绥中县| 南木林县| 建水县| 弥渡县| 云和县| 驻马店市| 沅陵县| 黄山市| 河源市| 肇东市| 大英县| 宁陕县| 富阳市| 昆明市| 天柱县| 宽甸| 武宁县| 洪泽县| 积石山| 江孜县| 赤水市| 淮阳县| 崇信县| 内丘县| 彭山县| 松潘县| 石景山区| 法库县| 安顺市| 德昌县| 新津县| 江永县| 宁蒗| 祥云县| 仙桃市| 新丰县|