jquery - CSS 可以定位元素中的正斜杠吗？

Question

我有 <span class="bold">Class 1 / Class 2 / Class 3</span> .我想知道 CSS 是否可以针对正斜杠，以便只有 Class 3 是粗体。

Answer 1

不要认为这可以通过 CSS 实现，但您可以通过结合使用一些 jQuery 和 CSS 来实现。

jQuery.fn.unbold = function (str, className) {    
    var regex = new RegExp(str, "gi");

    return this.each(function () {
        this.innerHTML = this.innerHTML.replace(regex, function(matched) {return "<span class='unbold'>" + matched + "</span>";});
    });
};

$(".bold").unbold("^(.*[\\\/])","unbold");

.bold {
  font-weight: bold;
}

.unbold {
  font-weight: normal;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class='bold'>Class 1 / Class 2 / Class 3</span>

这会将整个 html 加粗，然后找到最后一个正斜杠之前的字符串，并取消加粗最后一个正斜杠之前的所有内容。