Question

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

Answer 1

不，但是:last-child可以是这样的，但你需要更多标签https://codepen.io/anon/pen/JrqOdx HTML

<span class="spanEl">
  <p>this</p>
  <p>there</p>
  <p>that</p>
</span>

CSS

   .spanEl p:last-child {
      font-weight:bold;
    }

Answer 2

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

secondaryId.ifPresent(input::setSecondaryId);

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;
}

这会使整个html变粗，然后在最后一个正斜杠之前找到该字符串，并在最后一个正斜杠之前解除所有内容。

Answer 3

如果第3级总是处于第三位，你可以这样做：

HTML：

<span class="bold">
  <span>Class 1</span> / 
  <span>Class 2</span> / 
  <span>Class 3</span>
</span>

CSS：

.bold,
.bold > span {
  font-weight: 400;
}

.bold > span:nth-of-type(3) {
  font-weight: 800;
}

CSS可以在元素中定位正斜杠吗？

3 个答案: