Question

＆＃13;

contentHtml += "<td class=\"" 
  +  (value.toFixed) ? "text-center" : "text-left" + "\">" ) 
  + value + (value.toFixed) ? preFix : "" 
  + color + (value.toFixed) ? postFix : "" + "</td>";

＆＃13;

我希望只有一卷第77卷的边框。我无法改变HTML代码，只能改变CSS。我无法找到一种方法来说标题必须包含一个＆amp; 77

Answer 1

只需添加另一个[title~='']即可。

<html>
<head>
<style>
[title~='77'] {
    border: 5px solid yellow;
}
[title~='One'][title~='77'] {
    border-radius: 50px;
}
</style>
</head>
<body>



<a title="One Piece vol 77 GN"> one piece vol 77</a>
<a title="One Piece vol 78 GN"> one piece vol 78</a>
<a title="Naruto vol 77 GN"> naruto vol 77</a>


</body>
</html>

Answer 2

为要显示边框圆的标题添加样式border-radius。

<html>
<head>
<style>
[title~='77'] {
    border: 5px solid yellow;
}
[title~='One'][title~='77'] {
    border-radius: 50px;
}  
</style>
</head>
<body>



<a title="One Piece vol 77 GN"> one piece vol 77</a>
<a title="One Piece vol 78 GN"> one piece vol 78</a>
<a title="Naruto vol 77 GN"> naruto vol 77</a>


</body>
</html>

Answer 3

你应该为边框风格添加唯一的单词。你的标题中有两个'77'。所以你可以用'77'添加'One'或'Piece'。这是代码：

    <html>
<head>
<style>
[title~='Piece'][title~='77'] {
    border: 5px solid yellow;
}
<!-- OR -->
<!-- [title~='One'][title~='77'] -->
</style>
</head>
<body>



<a title="One Piece vol 77 GN"> one piece vol 77</a>
<a title="One Piece vol 78 GN"> one piece vol 78</a>
<a title="Naruto vol 77 GN"> naruto vol 77</a>


</body>
</html>

将CSS应用于title属性的多个单词

3 个答案: