Question

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

我的问题是：如何在某个元素之前显示某个文本，例如： G。 “项目：”在每个元素之前？

我尝试用“：之前”，但似乎没有做到这一点

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和HTML的好地方。 CSS教程，如果你先去过那里，他们会指出W3schools的不一致：D

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

1 个答案: