Question

根据我的title属性，我需要更改表格中单元格的颜色

每当我的标题值显示 WHO 时，请考虑以下示例-我需要将<p> element的颜色更改为红色

<!DOCTYPE html>
<html>
    <body>
        <p><abbr title="WHO">WHO</abbr> was founded in    1948.</p>
        <p><abbr title="WHO">World People</abbr> was founded in    1948.</p>
        <p title="Free Web tutorials">W3Schools.com</p>
    </body>
</html>

Answer 1

据我所知，仅凭HTML和CSS无法实现您想做的事情。但是，如果您使用JavaScript或jQuery，则可以根据缩写标题属性值轻松地向P标签动态添加颜色。

$(function() {
	$("p").has("abbr[title='WHO']").css("color", "red");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><abbr title="WHO">WHO</abbr> was founded in    1948.</p>
<p><abbr title="WHO">World People</abbr> was founded in    1948.</p>
<p><abbr title="WHEN">Sample</abbr> not in red.</p>

Answer 2

您的标题是该段落中缩写的属性，因此您可以通过以下方式访问它：

1。您可以使用 CSS 来实现，例如：

p > abbr[title="WHO"]{
    color: rgb(255,0,0);
}

此处>将选择子元素。经过jsfiddle.net/3gLcw0mt/

测试

2。或者您可以使用Jquery进行操作 Jquery：

$("p").has("abbr[title='WHO']").css("color", "rgb(255,0,0)");

首先，我们选择了p标签，然后检查其中的属性。 .css()将允许您使用Jquery更改任何CSS属性的值

不要忘记将Jquery CDN包含到您的文件中：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

Answer 3

UIApplication.shared.unregisterForRemoteNotifications()

<这里是一个选择器，方向定义了要选择的元素。在这种情况下，将选择每个子元素abbr标题为“ who”的p元素。有关更多信息，Google CSS父级和子级选择器

更新我的ans *

以上方法不起作用，因为没有父选择器。但是您仍然可以使用此>选择子元素。抱歉误导了我的答案。 https://jsfiddle.net/fxkbtmjc/

如何将颜色设置为html属性标题值

3 个答案: