css判断当按钮内部仅有span标签时，且span中的文字只有两个字的时候设置span的内边距为padding:0 8px;

你可以使用CSS伪类选择器来实现这个需求，代码如下：

button > span:first-child:last-child::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: middle;
}

button > span:first-child:last-child {
  padding: 0 8px;
}

button > span:first-child:last-child:hover::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000;
}

代码中使用了伪类选择器`:first-child`和`:last-child`来判断按钮内部是否只有一个`span`标签，`:after`伪元素来添加一个三角形图标，`:hover`伪类来添加悬停效果。注意，为了避免影响其他的`span`标签，这里使用了父元素`button`来限定选择器的范围。

相关问题

css判断当按钮内部span标签中的文字只有两个字的时候设置内边距为padding: 8px 24px，其余情况设置为padding:8px 16px;

可以使用CSS中的伪类选择器`:only-child`和`:first-child`来实现对按钮内部`span`标签文本的判断，然后设置不同的`padding`值。具体实现代码如下：

.btn span:only-child {
  padding: 8px 24px;
}

.btn span:first-child:not(:only-child) {
  padding: 8px 16px;
}

其中，`.btn`是指按钮的样式类，`:only-child`表示只有一个子元素，`:first-child`表示是第一个子元素，`:not(:only-child)`表示不是唯一的子元素。这样，当按钮内部`span`标签中的文字只有两个字时，会应用第一个样式规则，设置`padding`为`8px 24px`，其余情况应用第二个样式规则，设置`padding`为`8px 16px`。

html中span标签内的文字存在padding外的内边距，怎么移除

你可以在CSS中为该span元素设置padding为0，例如：

span {
  padding: 0;
}

如果你想要更改特定span元素的padding，可以为该元素添加一个class，并在CSS中设置class的padding为0，例如：

HTML代码：

<span class="no-padding">这里的文字将不再有padding外的内边距</span>

CSS代码：

.no-padding {
  padding: 0;
}