请问.xxx [class*="span"]和 .xxx span有什么区别?

Question

请问.xxx [class*="span"]和 .xxx span有什么区别?

Answer 1

.xxx [class*="span"] -> 这里span不是指标签名。是指属性class值里有没有span这个字符<div class="xxx"><div class="span"></span><div class="abcspan"></span><div class="abcspanabc"></span></div>.xxx span -> 这里span是指标签名<div class="xxx"><span></span></div>

Answer 2

两个不同概念哦.xxx span 是值 class="XXX" 下的span标签例如 <div class="xxx"><span></span></div>.xxx [class*="span"] 一般没有这麼用的一般都是前面没有一个点的 一般都是指class为什麽的标签例如 input['class*="span"'] 意思是class=span 的input标签*指 匹配给定的属性是以包含某些值的元素

Answer 3

div和span的最主要区别在于语义上，默认情况下：&nbsp;<div> 是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征，&nbsp;<div>&nbsp;属于块级元素，浏览器会在其前后显示换行。<span>是文本的容器，即一般只包围在文本的两边。基于此特征，<span> 属于内联元素，即在显示时通常不会以新行开始。下面举例说明：1、假设有如下的HTML元素，并且为div和span设置了边框，便于观察效果12<span>我是span元素的内容1</span>&nbsp;<span>我是span元素的内容2</span><div>我是div元素的内容1</div>&nbsp;<div>我是div元素的内容2</div>2、结果如下，显示了<div>&nbsp;属于块级元素及<span> 属于内联元素的特点。

Answer 4

最大的区别是，DIV是块元素，SPAN是内联元素，也就是说，DIV有如下默认样式：123div{&nbsp;&nbsp;&nbsp;&nbsp;display:block;}相对地，SPAN有如下默认样式：123span{&nbsp;&nbsp;&nbsp;&nbsp;display:inline;}当然这些样式是可以通过CSS更改的，两者也存在其他一些区别，但是在现代前端开发中，DIV与SPAN的区别不再被强调，通常来说，SPAN不再那么常用。