CSSで項目の前にテキストを挿入するにはどうすればよいですか？

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; 
} 

フィドル：あなたのXMLとCSSを使ってhttp://jsfiddle.net/wNEt3/

フィドル：ところでhttp://jsfiddle.net/pRwMT/1/

、あなたが最初にそこに訪問した場合、http://htmldog.com/はHTML & CSSチュートリアルのために行くには絶好の場所です、そして、彼らは親切にW3Schoolsの矛盾を指摘：D