<span class="caret"></span>这个是什么意思？

Question

RT如题，不懂这个放在那里的效果<div class="dropdown">  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">    下拉菜单    <span class="caret"></span>  </button>  <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>    <li role="presentation" class="divider"></li>    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>  </ul></div> 

Answer 1

<span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果。<span>本身没有语义。

你的代码中 span 代码下拉菜单右边的小箭头图标   同样 你可以更改类名  换成别的图标  比如 close

Answer 2

表示这是一个三角符号，

Answer 3

得看 css设置了什么样式

Answer 4

.caret{width:0;
height:0;
border-width:8px;
border-style: solid;
border-color:#666 transparent transparent transparent;}

border-width修改下拉箭头大小；

border-color修改箭头方向

Answer 5

通俗的讲 你可以理解为这是一个调用图标的一段代码而“caret" 就是这个图标ID