为有孩子的表中的文本添加css

Question

我有一个表头。就像

<th>Technology<i className="fa fa-angle-up sort-icon" aria-hidden="true"></i><i className="fa fa-angle-up sort-icon" aria-hidden="true"></i></th>

现在，我想在技术部分添加一些边距，因为标题和图标看起来都彼此靠近。

那么，如何添加选择器？

<div className="d-inline-flex flex-column">
      <i className="fa fa-angle-up sort-icon" aria-hidden="true" onClick={() => props.sortData(props.type, 'ascending')}></i>
      <i className="fa fa-angle-down sort-icon" aria-hidden="true" onClick={() => props.sortData(props.type, 'descending')}></i>
    </div>

Answer 1

这很简单，只需输入

.sort-icon{
    margin-left: 10px; // chnage the margin as per your requirement
}

希望这会解决您的查询。

Answer 2

.sort-icon {
    margin:5px;
}

这将给所有四个方面留出余地。