久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

將 CSS 樣式應用于子元素

Apply CSS Style to child elements(將 CSS 樣式應用于子元素)
本文介紹了將 CSS 樣式應用于子元素的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

我只想將樣式應用于具有特定類的 DIV 內的表:

注意:我寧愿為子元素使用 CSS 選擇器.

為什么 #1 有效而 #2 無效?

1:

div.test th, div.test td, div.test 標題 {padding:40px 100px 40px 50px;}

2:

div.test th, td, caption {padding:40px 100px 40px 50px;}

HTML:

<html><頭><風格>div.test >th,td,標題 {填充:40px 100px 40px 50px;}</風格></頭><身體>

<表格邊框="2"><tr><td>一些</td></tr><tr><td>數據</td></tr><tr><td>這里</td></tr></表></div><div 類="測試"><表格邊框="2"><tr><td>一些</td></tr><tr><td>數據</td></tr><tr><td>這里</td></tr></表></div></身體></html>

我做錯了什么?

解決方案

這段代碼div.test th, td, caption {padding:40px 100px 40px 50px;}" 將規則應用于所有除了 all 之外,th 元素包含在具有名為 test 的類的 div 元素中td 元素和 所有 caption 元素.

它不同于一個divtdthcaption元素> 具有 test 類的元素".為此,您需要更改選擇器:

'>' 不受某些舊瀏覽器的完全支持(我在看著你,Internet Explorer).

div.test th,div.test td,div.test 標題 {填充:40px 100px 40px 50px;}

I want to apply styles only to the table inside the DIV with a particular class:

Note: I'd rather use a css-selector for children elements.

Why does the #1 works and #2 doesn't?

1:

div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;}

2:

div.test th, td, caption {padding:40px 100px 40px 50px;}

HTML:

<html>
    <head>
        <style>
            div.test > th, td, caption {padding:40px 100px 40px 50px;}
        </style>
    </head>
    <body>
        <div>
            <table border="2">
                <tr><td>some</td></tr>
                <tr><td>data</td></tr>
                <tr><td>here</td></tr>
            </table>
        </div>
        <div class="test">
            <table  border="2">
                <tr><td>some</td></tr>
                <tr><td>data</td></tr>
                <tr><td>here</td></tr>
            </table>
        </div>
    </body>
</html>

What am I doing wrong?

解決方案

This code "div.test th, td, caption {padding:40px 100px 40px 50px;}" applies a rule to all th elements which are contained by a div element with a class named test, in addition to all td elements and all caption elements.

It is not the same as "all td, th and caption elements which are contained by a div element with a class of test". To accomplish that you need to change your selectors:

'>' isn't fully supported by some older browsers (I'm looking at you, Internet Explorer).

div.test th,
div.test td,
div.test caption {
    padding: 40px 100px 40px 50px;
}

這篇關于將 CSS 樣式應用于子元素的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

Style every third element?(每隔三個元素設置樣式?)
Why shouldn#39;t I use ID selectors in CSS?(為什么我不應該在 CSS 中使用 ID 選擇器?)
What does img[class*=quot;alignquot;] mean in CSS?(CSS 中的 img[class*=“align] 是什么意思?)
CSS: Last element on line(CSS:最后一個元素)
How do I select every other div class element using just CSS (no js)(如何僅使用 CSS(無 js)選擇所有其他 div 類元素)
Tool for checking unused CSS selectors?(檢查未使用的 CSS 選擇器的工具?)
主站蜘蛛池模板: 久久se精品一区精品二区 | 毛片免费视频 | 91在线观| 宅男伊人 | 日日射夜夜骑 | 国产高清一区二区 | 免费精品视频在线观看 | 巨大荫蒂视频欧美另类大 | 日本aⅴ中文字幕 | 亚洲 精品 综合 精品 自拍 | 99免费在线观看视频 | 91在线影院| 免费观看一级视频 | 一级黄色片日本 | 午夜天堂 | 伊人免费在线观看高清 | 国产精品久久久久久久久污网站 | 久久久不卡网国产精品一区 | 亚洲精品乱码久久久久久蜜桃91 | 中文字幕精品一区二区三区在线 | 国产乡下妇女做爰 | 欧美一级二级三级视频 | 色综合久| 影音先锋中文字幕在线观看 | 成人一区av | 亚洲一区二区三 | 欧美精品在线一区二区三区 | 日本久久精品视频 | 日韩欧美手机在线 | 国产精品1区2区3区 欧美 中文字幕 | 桃花av在线 | 精品真实国产乱文在线 | 蜜月aⅴ国产精品 | 亚洲综合久久久 | 性视频一区 | 精品国产一区二区三区成人影院 | 在线中文字幕第一页 | 国产精品久久久久久久久 | 国产国拍亚洲精品av | 蜜臀久久99精品久久久久野外 | 欧美日本在线观看 |