正在加载图片...
<i>4</i> <i>6</i> <i>7</i> </u </html> 2.7相邻兄弟元素选择器(E+F) 相邻兄弟选择器可以选择紧接在另一元素后的元素,而且具有 个相同的父元素。 比如E+F,E和F元素具有一个相同的父元素,而且F元素在E 元素后面且紧相邻,这样就可以使用相邻兄弟元素选择器来选择F元 素 2.8通用兄弟选择器(EF) 通用兄弟元素选择器是CSS3新增的选择器,将选择某元素后面 的所有兄弟元素,通用兄弟元素需要在同一个父元素之中。 比如EF,E和F元素是属于同一父元素之内,并且F元素在E 元素之后,那么EF选择器将选择中所有E元素后面的所有F元素。 通用兄弟选择器和相邻兄弟选择器极其相似,不同的是,相邻兄 弟选择器仅选择是元素的仅与其相邻的后面元素(选中的仅一个元 素);而通用兄弟元素选择器,选中的是元素后面的所有兄弟元素。 案例: 示例11-6:兄弟选择器 <!doctype html> <meta charset"utf-8"> <tte>兄弟选择器选择器</tile <style type="text/css"> font-size: 12px 8《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn8 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> </div> </body> </html> 2.7 相邻兄弟元素选择器（E+F） 相邻兄弟选择器可以选择紧接在另一元素后的元素，而且具有一 个相同的父元素。 比如 E+F，E 和 F 元素具有一个相同的父元素，而且 F 元素在Ｅ 元素后面且紧相邻，这样就可以使用相邻兄弟元素选择器来选择 F 元 素。 2.8 通用兄弟选择器（E~F） 通用兄弟元素选择器是 CSS 3 新增的选择器，将选择某元素后面 的所有兄弟元素，通用兄弟元素需要在同一个父元素之中。 比如 E~F，E 和 F 元素是属于同一父元素之内，并且 F 元素在 E 元素之后，那么 E~F 选择器将选择中所有 E 元素后面的所有 F 元素。 通用兄弟选择器和相邻兄弟选择器极其相似，不同的是，相邻兄 弟选择器仅选择是元素的仅与其相邻的后面元素（选中的仅一个元 素）；而通用兄弟元素选择器，选中的是元素后面的所有兄弟元素。 案例： 示例 11-6：兄弟选择器 <!doctype html> <html> <head> <meta charset="utf-8"> <title>兄弟选择器选择器</title> <style type="text/css"> li { margin:10px; font-size:12px; width:24px;