CSS-псеўда-элементы, такія як: перад

I'm confused about the pseudo-elements behaviour. I learn from w3c The :before and :after pseudo-elements

Такім чынам, маё пытанне заключаецца ў наступным:

HTML:

<div id="breadcrumbs">this is a old content.</div>

CSS:

#breadcrumbs:before {
    content:"this is a new content."
}

Я хачу ведаць, ці з'яўляецца новы змест ўстаўкі ўнутры сну тэга ці звонку.

  1. <div ID = "хлебныя крошкі"> гэта новы content.this з'яўляецца старым зместам. </div>

  2. гэта новы змест <div ID = "хлебныя крошкі"> гэта старое ўтрыманне. </div>

Які з іх правільны? Вялікі дзякуй загадзя!

3
Цытата з вашай спасылкі :. <�Я> б у суцэльны зялёнай рамцы быць аказана ўсім абзац, уключаючы пачатковую радок
дададзена аўтар NGLN, крыніца

3 адказы

This slideshow mentions this very question and is a very good bit of information in any case.

Па словах Крыса Coyier гэта будзе першым

<div id="breadcrumbs">this is a new content.this is a old content.</div>

and here's the official documentation

2
дададзена
прыватнасці : »... перад тым і пасля змесціва дрэва задакументаваць элемента « Глядзіце таксама:
дададзена аўтар Wesley Murch, крыніца
але я бачыў блог аб ППК у: да і: пасля таго, як ( quirksmode.org/css/beforeafter .html ), які кажа: «Гэта выпрабаванне: да і: пасля таго, як, з дапамогай якіх можна размясціць тэкст ці малюнак да і пасля кожнага HTML-элемента.» Вы заўважылі, што descraption «да і пасля кожнага элемента HTML» .so, HTML-элемент тут з'яўляецца TextNode? або абгортка?
дададзена аўтар Jason, крыніца
дзякуй, гэта вельмі карысным
дададзена аўтар Jason, крыніца

Паводле спецыфікацыі w3.org у:

Аўтары задаюць стыль і месцазнаходжанне генераванага змесціва з   : Да і: пасля таго, як псеўда-элементаў. Як вынікае з назвы, то   : Да і: пасля псеўда-элементаў паказаць месцазнаходжанне змесціва   да і пасля змесціва дрэва дакумента элемента у . «Змест»   ўласцівасць, у спалучэнні з гэтымі псеўда-элементаў, паказвае, што   ўстаўленыя. </р>

Source: http://www.w3.org/TR/CSS2/generate.html

Так што ўнутры базавай тэга.

Акрамя таго, вы можаце праверыць яго, ужываючы «перапаўнення: схаваны;" для базавага тэга і спрабую рухацца: пасля таго, як /: перад тым элементам па-за ім з «пазіцыяй: абсалютнай».

Прыклад кода: http://jsfiddle.net/VDBex/

Як яны абразаюцца, я мяркую, што яны з'яўляюцца пазіцыі ўнутры базавай тэга.

0
дададзена

CSS «змест» Няма блокаў генеруецца браўзэрам. Падобна кулі і г.д. Так што вялікі адказ быў бы гэта да браўзэра. На самай справе, IE6, ні IE7 (калі не выпраўлена) не разумеюць змест CSS ўласцівасці. Аднак IE8 і большасць іншых буйных браўзэраў. Я ведаю, што гэта не абавязкова адказвае на ваша пытанне, але ён павінен будзе прыняць некаторыя эксперыменты з вашага боку. І не забудзьцеся праверыць іншыя браўзэры.

0
дададзена
што ўсё ў парадку, дзякуй за вашыя парады!
дададзена аўтар Jason, крыніца