<address id="lrx17"><dfn id="lrx17"><mark id="lrx17"></mark></dfn></address>

<sub id="lrx17"><listing id="lrx17"><mark id="lrx17"></mark></listing></sub>

      <address id="lrx17"></address>
    <sub id="lrx17"></sub>

    <font id="lrx17"><var id="lrx17"><output id="lrx17"></output></var></font>

    <sub id="lrx17"><var id="lrx17"><output id="lrx17"></output></var></sub>

    <address id="lrx17"><dfn id="lrx17"></dfn></address>
      <address id="lrx17"></address>

    css:before和:after

    2020/11/9 8:51:07   閱讀:2281    發布者:2281


    :before是css中的一種偽元素,可用于在某個元素之前插入某些內容。
    :after是css中的一種偽元素,可用于在某個元素之后插入某些內容。

    <style>
        p:before{
            content: "H"  /*:before和:after必帶技能,重要性為滿5顆星*/
        }
        p:after{
            content: "d"  /*:before和:after必帶技能,重要性為滿5顆星*/
        }
      </style>
      <p>ello Worl</p>


    以上的代碼將會在頁面中展現的是"Hello World"
    p標簽內部的內容的前面會被插入一個:before偽元素,該偽元素內包含的內容是"H";而在p標簽內的內容后面會被插入一個:after偽元素,該元素包含的內容是"d"。
    清除浮動 場景:當一個元素在眾多設置了浮動樣式float: left的后面,但是又要另起一行時;建議:強烈推薦;代碼:.container::before { content: ""; display: table; } .container::after { clear: both; }
    利用::before ::after偽類,動態的在元素開始和末尾增加標簽這一特性,我們可以做出很多豐富的樣式而且又減少了 DOM 的復雜度。

    欧美性开放BBW