请问.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的最主要区别在于语义上，默认情况下：

•  <div> 是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征， <div> 属于块级元素，浏览器会在其前后显示换行。

• <span>是文本的容器，即一般只包围在文本的两边。基于此特征，<span> 属于内联元素，即在显示时通常不会以新行开始。

下面举例说明：

1、假设有如下的HTML元素，并且为div和span设置了边框，便于观察效果

12	<span>我是span元素的内容1</span> <span>我是span元素的内容2</span><div>我是div元素的内容1</div> <div>我是div元素的内容2</div>

2、结果如下，显示了<div> 属于块级元素及<span> 属于内联元素的特点。

Answer 4

最大的区别是，DIV是块元素，SPAN是内联元素，

也就是说，DIV有如下默认样式：

123	div{    display:block;}

相对地，SPAN有如下默认样式：

123	span{    display:inline;}

当然这些样式是可以通过CSS更改的，两者也存在其他一些区别，但是在现代前端开发中，DIV与SPAN的区别不再被强调，通常来说，SPAN不再那么常用。