如何在带有CSS的项目之前插入文本？

Question

对不起,我是CSS的新手,我正在尝试使用CSS为xml文件创建自定义显示.

我的问题是:如何在某个元素之前显示某个文本,例如每个元素之前的"Project:"？

我尝试用":之前"这样做,但似乎没有做到这一点

ThinkingRock
{
background-color: #ffffff;
width: 100%;
}

project
{
:before{content:"Projekt:";};
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
description
{
color: #FF0000;
font-size: 20pt;
}
notes
{
color: #0000FF;
font-size: 20pt;
}
id, created, parent, topic, context, state, done, priority, modified, purpose, success, brainstorming, processed
{
display: block;
color: #000000;
margin-left: 20pt;
}

xml文件使用的是这个:http://www.trgtd.com.au/index.php？ option = com_docman&task = doc_download&gid = 16&Itemid = 71
我只添加了第一行<?xml-stylesheet type="text/css" href="thinkingrock.css"?>

Answer 1

:before 是一个伪选择器本身,所以它需要自己的样式块,如下所示:

project:before {
  content:"Projekt:";
}
project {
  display: block;
  margin-bottom: 30pt;
  margin-left: 0;
}

小提琴:http://jsfiddle.net/wNEt3/

使用你的xml和css小提琴:http://jsfiddle.net/pRwMT/1/

顺便说一下,http://htmldog.com/是一个去HTML和CSS教程的好地方,如果你先去过那里,他们会指出W3schools的不一致:D