css選擇器只選擇第一代子元素，css按照定義位置可分為哪幾種？
css定位有四種不同類型，position值分別為：static（靜態(tài)定位）， relative（相對(duì)定位），absolute（絕對(duì)定位），fixed（固定定位）。下面本篇文章就來給大家介紹一下，希望對(duì)大家有所幫助。
1、relative（相對(duì)定位）
相對(duì)定位的偏移參考元素是元素本身，不會(huì)使元素脫離文檔流。元素的初始位置占據(jù)的空間會(huì)被保留。相對(duì)定位元素常常作為絕對(duì)定位元素的父元素。并且定位元素經(jīng)常與z-index屬性進(jìn)行層次分級(jí)
2、absolute（絕對(duì)定位）
絕對(duì)定位元素以父輩元素中最近的定位元素為參考坐標(biāo)，如果絕對(duì)定位元素的父輩元素中沒有采用定位的，那么此絕對(duì)定位元素的參考對(duì)象是html,元素會(huì)脫離文檔流。就好像文檔流中被刪除了一樣。并且定位元素經(jīng)常與z-index屬性進(jìn)行層次分級(jí)
3、fixed(固定定位)
位移的參考坐標(biāo)是可視窗口，使用fixed的元素脫離文檔流。并且定位元素經(jīng)常與z-index屬性進(jìn)行層次分級(jí)
4、static （靜態(tài)定位）
默認(rèn)值，元素框正常生成的，top left bottom right這幾個(gè)偏移屬性不會(huì)影響其靜態(tài)定位的正常顯示
css元素的排列規(guī)則主要分為？
1、代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。
2、代表ID選擇器，如：#content，權(quán)值為100。
3、代表類，偽類和屬性選擇器，如.content，權(quán)值為10。
4、代表類型(元素)選擇器和偽元素選擇器，如div p，權(quán)值為1。 按照CSS代碼的執(zhí)行先后順序。如果有重復(fù)的規(guī)則，按照后執(zhí)行的定義。最終規(guī)則是多個(gè)定義規(guī)則的綜合。重點(diǎn)：高級(jí)規(guī)則定義對(duì)于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級(jí)鏈接樣式定義。多個(gè)相同規(guī)則不同對(duì)象的CSS共同定義。對(duì)于同一對(duì)象定義的多種CSS方式考慮哪種更科學(xué)。
css鼠標(biāo)懸浮變色原理？
1、首先新建一個(gè)html文件，命名為test.html，在test.html文件內(nèi)，使用table標(biāo)簽創(chuàng)建一個(gè)表格，用于測試。
2、在test.html文件內(nèi)，設(shè)置table標(biāo)簽的class屬性為mytable，同時(shí)設(shè)置邊框?yàn)?px。
3、接著在css標(biāo)簽內(nèi)，通過class設(shè)置表格的樣式，定義它的寬度為300px,高度為200px。
4、在css標(biāo)簽內(nèi)，通過td元素名稱和“:hover”選擇器定義當(dāng)鼠標(biāo)指向單元格時(shí)，改變單元格的背景顏色，設(shè)置為紅色。
5、最后在瀏覽器打開test.html文件，鼠標(biāo)經(jīng)過之后，即可變色。
0
css怎樣選擇不同的div？
看看是不是你要的 <style type="text/css"> .warp .content{ background-color: #ccc; height: 30px; } .warp .content:first-child{ background-color: #000; } </style> <div class="warp"> <div class="content">1</div> <div class="content">2</div> <div class="content">3</div> </div> css沒有同級(jí)選擇的。只需要換個(gè)思路就行了。 一般來說，動(dòng)態(tài)調(diào)整css都是使用js來做。