多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

css教程

CSS 教程

CSS 響應式設計

CSS實例

拓展閱讀

CSS 組合選擇符

閱讀 (2355)

CSS 組合選擇符


CSS 組合選擇符

組合選擇符說明了兩個選擇器直接的關系。

CSS組合選擇符包括各種簡單選擇符的組合方式。

在 CSS3 中包含了四種組合方式:

  • 后代選取器(以空格分隔)
  • 子元素選擇器(以大于號分隔)
  • 相鄰兄弟選擇器(以加號分隔)
  • 普通兄弟選擇器(以破折號分隔)

后代選取器

后代選取器匹配所有值得元素的后代元素。

以下實例選取所有

元素插入到

元素中: 

實例

div p
{
background-color:yellow;
}

嘗試一下 ?


子元素選擇器

與后代選擇器相比,子元素選擇器(Child selectors)只能選擇作為某元素子元素的元素。

以下實例選擇了

元素中所有直接子元素

實例

div>p
{
background-color:yellow;
}

嘗試一下 ?


相鄰兄弟選擇器

相鄰兄弟選擇器(Adjacent sibling selector)可選擇緊接在另一元素后的元素,且二者有相同父元素。

如果需要選擇緊接在另一個元素后的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器(Adjacent sibling selector)。

以下實例選取了所有位于

元素后的第一個

元素:

實例

div+p
{
background-color:yellow;
}

嘗試一下 ?


普通相鄰兄弟選擇器

普通兄弟選擇器選取所有指定元素的相鄰兄弟元素。

以下實例選取了所有

元素的所有相鄰兄弟元素

實例

div~p
{
background-color:yellow;
}

嘗試一下 ?

關閉
程序員人生
主站蜘蛛池模板: 国产一二三区有声小说 | 美女免费网站在线视频 | 国产一区不卡 | 奇奇影院理论片在线观看 | 99heicom视频| 欧美另类69xxxxx性欧 | 久久久一区二区三区不卡 | 日本在线观 | 国产成人综合手机在线播放 | 亚洲人网站| 中文字幕成人 | 亚洲国产精品嫩草影院 | 欧美日韩亚洲二区在线 | 亚洲欧美激情在线 | 欧美一级全黄 | 欧美xxxx日本 | 99在线资源| 亚洲精品一区二 | 亚洲视频在线一区 | 欧美污污网站 | 亚洲狠狠狠一区二区三区 | 国产成+人欧美+综合在线观看 | 日韩国产欧美在线观看一区二区 | 五月天婷婷一区二区三区久久 | 欧美一级在线全免费 | 国产成人啪一区二区 | 2020国产精品永久在线观看 | 亚洲欲色| 小说区图片区综合视频区 | 国产成人经典三级在线观看 | 国产不卡福利 | 日韩二区 | 国产欧美一区二区三区视频在线观看 | 久久久精品3d动漫一区二区三区 | 国产成人免费在线视频 | 免费视频不卡一区二区三区 | 中文字幕不卡一区 二区三区 | 午夜色视频在线观看 | 国产成人免费在线视频 | 风间由美一区二区av101 | 国产精品久久99 |