請(qǐng)問(wèn).xxx [class*="span"]和 .xxx span有什么區(qū)別?
4 回答
寶慕林4294392
TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊
.xxx [class*="span"] -> 這里span不是指標(biāo)簽名。是指屬性class值里有沒(méi)有span這個(gè)字符
<div class="xxx">
<div class="span"></span>
<div class="abcspan"></span>
<div class="abcspanabc"></span>
</div>
.xxx span -> 這里span是指標(biāo)簽名
<div class="xxx">
<span></span>
</div>
慕婉清6462132
TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊
兩個(gè)不同概念哦
.xxx span 是值 class="XXX" 下的span標(biāo)簽
例如 <div class="xxx"><span></span></div>
.xxx [class*="span"] 一般沒(méi)有這麼用的
一般都是前面沒(méi)有一個(gè)點(diǎn)的 一般都是指class為什麼的標(biāo)簽
例如 input['class*="span"'] 意思是class=span 的input標(biāo)簽
*指 匹配給定的屬性是以包含某些值的元素
蕪湖不蕪
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊
div和span的最主要區(qū)別在于語(yǔ)義上，默認(rèn)情況下：
<div> 是用于組合其他 HTML 元素的容器，即下級(jí)可以嵌套其他HTML元素?；诖颂卣鳎?nbsp;<div> 屬于塊級(jí)元素，瀏覽器會(huì)在其前后顯示換行。
<span>是文本的容器，即一般只包圍在文本的兩邊?；诖颂卣?，<span> 屬于內(nèi)聯(lián)元素，即在顯示時(shí)通常不會(huì)以新行開(kāi)始。
下面舉例說(shuō)明：
1、假設(shè)有如下的HTML元素，并且為div和span設(shè)置了邊框，便于觀察效果
| 12 | <span>我是span元素的內(nèi)容1</span> <span>我是span元素的內(nèi)容2</span><div>我是div元素的內(nèi)容1</div> <div>我是div元素的內(nèi)容2</div> |
2、結(jié)果如下，顯示了<div> 屬于塊級(jí)元素及<span> 屬于內(nèi)聯(lián)元素的特點(diǎn)。
牧羊人nacy
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊
最大的區(qū)別是，DIV是塊元素，SPAN是內(nèi)聯(lián)元素，
也就是說(shuō)，DIV有如下默認(rèn)樣式：
| 123 | div{ display:block;} |
相對(duì)地，SPAN有如下默認(rèn)樣式：
| 123 | span{ display:inline;} |
當(dāng)然這些樣式是可以通過(guò)CSS更改的，兩者也存在其他一些區(qū)別，但是在現(xiàn)代前端開(kāi)發(fā)中，DIV與SPAN的區(qū)別不再被強(qiáng)調(diào)，通常來(lái)說(shuō)，SPAN不再那么常用。
添加回答
舉報(bào)
0/150
提交
取消