这是我正在使用的 HTML 文件。我试图将我正在处理的部分设为粗体，但它不起作用，所以我会告诉你，它是类为“正确”的订单项，大约在一半的位置。如果您注意到，在该行元素内有文字显示“完成任务”，还有一个“a”引用标签。基本上，它在运行应用程序时用作可点击的元素，默认情况下文本的颜色似乎是白色。我必须更改该文本的颜色，而且我正在努力让它发挥作用。我之前尝试的是:
li.right a {
color: blue;
}
那什么也没做。有什么想法吗？
<html>
<head>
<title>To Do List | Pro Web Apps</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<link rel="stylesheet" media="screen" href="css/proui.css" />
<link rel="stylesheet" media="screen" href="todolist.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/prowebapps.js"></script>
<script type="text/javascript" src="todolist.js"></script>
</head>
<body>
<ul id="menu">
</ul>
<div id="main" class="view">
<h1>Chris Hughes To Do List</h1>
<div class="task" style="display: none;">
<h3>Task: <span class="task-name"></span></h3>
<p class="task-description"></p>
<p class="task-due">
<label>DUE IN:</label>
<span class="task-daysleft"></span>
</p>
<ul class="task-actions">
<li class="right"><a href="#" class="task-complete">COMPLETE TASK</a></li>
<li><a href="#" class="task-start">START WORKING</a></li>
</ul>
</div>
<ul class="buttons">
<li><a class="changeview" href="#alltasks">Show All Tasks</a></li>
<li><a class="changeview" href="#add">Add New</a></li>
</ul>
</div>
<div id="alltasks" class="view">
<h1 class="fancy">Chris Hughes All Tasks</h1>
<ul id="tasklist">
</ul>
</div>
<div id="add" class="view">
<h1 class="fancy">Chris Hughes Create Task</h1>
<div id="errors"></div>
<form id="taskentry">
<ul>
<li><input type="text" minlength="2" class="required" name="task[name]" id="taskname" placeholder="Task Name" value=""/></li>
<li>
<textarea name="task[description]" id="taskdesc" placeholder="Description" rows="5"></textarea>
</li>
<li><input type="text" class="required date" name="task[due]" id="taskdue" placeholder="Task Due" value="" /></li>
<li class="naked"><input type="submit" name="Save" /></li>
</ul>
</form>
</div>
</body>
</html>最佳答案
试试这个选择器:
.task-actions li.right a.task-complete {
color: blue;
}
关于html - 如何使用 CSS 更改元素的文本颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49495553/