内联元素内CSS中的目标值

内联元素内CSS中的目标值,css,targeting,Css,Targeting,我有一个HTML文件 日月 对于CSS,我希望在不更改HTML的情况下,分别以日期和月份为目标(对它们应用不同的样式) 我怎么做呢?是的,这是可能的。你可以遵循这个方法。 在这里,font-word是不可能的,在css中没有选项。但是我们使用contentcss属性 <!DOCTYPE html> <html> <head> <style> span { color: orange; } span:before { color: red;

我有一个HTML文件
日月

对于CSS,我希望在不更改HTML的情况下,分别以日期和月份为目标(对它们应用不同的样式)


我怎么做呢?

是的,这是可能的。你可以遵循这个方法。 在这里,
font-word
是不可能的,在css中没有选项。但是我们使用
content
css属性

<!DOCTYPE html>
<html>
<head>
<style>
span {
color: orange;
    }
span:before
{
color: red;
content: "Day";
position: absolute;
}
</style>
</head>
<body>
<span>Day Month </span>
</body>
</html>

跨度{
颜色:橙色;
}
跨度:之前
{
颜色:红色;
内容:“日”;
位置:绝对位置;
}
日月

更新:这里是小提琴

你不能。不使用纯CSS。使用JavaScript或编辑HTMLyep非常容易,这也是我的想法,但我想问一下,以便确定。非常感谢你的回答。问题是您确实更改了HTML以实现这一点,因此,您没有更改
日-月
,而是更改了
,我接受了您的答案,作为对您的努力和帮助意愿的奖励。当然,我想这是CSS的限制,如果span中的内容是由PHP动态生成的,我们将无法使用
内容:废话废话
技巧:)