CSS復(fù)雜選擇器

CSS 復(fù) 雜選擇器

目前創(chuàng)新互聯(lián)已為上千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管運(yùn)營、企業(yè)網(wǎng)站設(shè)計、普寧網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

對CSS復(fù)雜選擇器做一個簡單的總結(jié)：

1-2 相鄰兄弟選擇器、通用兄弟選擇器
<style>
     p+b{
       font-size:30pt;
       color:green;
   }
   div.s1+p{
        color:red;
   }
   div.s1~p{
       background-color:gray;
   }
</style>

<body>
    
   <p>This is <b>Very</b> important.</p>
   <b>Really?</b>
   <b>More?</b>
    
   <a>這是一個標(biāo)簽</a>
   <div>指定元素</div>
   <p>段落一</p>
    <p>段落二</p>
</body>

圖示1：
CSS復(fù)雜選擇器

3.

圖示2：

CSS復(fù)雜選擇器

4. 偽類選擇器

<p><a href="#news1">跳轉(zhuǎn)之內(nèi)容1</a></p>
   <p><a href="#news2">跳轉(zhuǎn)之內(nèi)容2</a></p>
   <br/>
   <br/>
   <br/>
   <a name="news1">內(nèi)容1...</a>
   <div id="news2">內(nèi)容2...</div>

圖示3：

CSS復(fù)雜選擇器

<div>
   <p>段落1111</p>
   <p></p>
   <p>段落2222</p>
   <p>段落3333</p>
</div>

圖示4：

CSS復(fù)雜選擇器

   <input type="text"/><br/>
   <input type="button" value="普通按鈕"/></br>
   <input type="submit" value="提交">

<style>

input:not([type="text"]){
       font-size:15px;
       font-weight:bold;
       color:red;
   }

</style>

5. 偽元素選擇器

：first-letter 選擇器用于選取指定選擇器的首字母

圖示：

CSS復(fù)雜選擇器

::selection （略，實際使用較少

）選擇器匹配被用戶選取的部分

當(dāng)前標(biāo)題：CSS復(fù)雜選擇器
文章鏈接：http://chinadenli.net/article2/ppcsic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、ChatGPT、品牌網(wǎng)站設(shè)計、網(wǎng)站排名、服務(wù)器托管、外貿(mào)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS復(fù)雜選擇器