属性名_CSS -- 属性选择器
生活随笔
收集整理的這篇文章主要介紹了
属性名_CSS -- 属性选择器
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Ⅰ 作用
- 根據(jù)指定的屬性名稱(chēng)找到對(duì)應(yīng)的標(biāo)簽，然后設(shè)置屬性
- 該選擇器，最常用于input標(biāo)簽
Ⅱ 格式與具體用法
[屬性名]其他選擇器[屬性名][屬性名=值][屬性名^=值][屬性名$=值][屬性名*=值]<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>屬性選擇器</title><style type="text/css">[id] {color: blueviolet;}p[id] {font-size: 30px;}p[class="part1"] {color: green;}a[href^="https"] {font-size: 50px;}img[src$="png"] {width: 100px;}[class*="part"] {text-decoration: line-through;}</style> </head> <body><h1 id="id1">我是標(biāo)題T110E4</h1><p id="id2">我是段落T110E3</p><p class="part1">我是段落268工程</p><p class="xxx part2 yyy">我是段落286工程Ⅳ型</p><a href="#">我是我268工程V型</a><a href="http://www.mzitu.com">點(diǎn)我有你好看</a><a href="https://www.mzitu.com">點(diǎn)我有你好看</a><p><img src="06a05.jpg" alt="" width="200px"><img src="14b49.jpg" alt="" width="200px"></p><p>我是段落FV215b (183)</p><p>我是段落FV4005</p></body> </html>總結(jié)
以上是生活随笔為你收集整理的属性名_CSS -- 属性选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： stopstart按钮怎么用_烟雾报警器
- 下一篇： html图片重叠在一排,【CSS】使用浮