can CSS do this?

[philiptdotcom]

Hi, folks! I'm a newbie to the group, and to CSS.

Can one create a CSS tag--e.g. <definition/>--that can render this:

<definition>affray</definition>

....as this:

<b>affray</b> [&nbsp;<a
href="http://en.wiktionary.org/wiki/affray">Wiktionary</a>&nbsp;]&nbsp;
&nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:affray">Google&nbsp;define:</a>&nbsp;]

Note that the text surrounded by the tag--"affray"--is repeated three
times within the proposed output, surrounded by other tags and/or
literals. In essence, converting:

A$

....to:

'<b>' + A$ + '</b> [&nbsp;<a href="http://en.wiktionary.org/wiki/' + A$
+ '">Wiktionary</a>&nbsp;]&nbsp; &nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:' + A$ +
'">Google&nbsp;define:</a>&nbsp;]'

Certainly, it can be done using XML transformations; but can it be done
just using CSS? (If so, how?)

Thanks!!

 

[Nik Coughlin]

Hi, folks! I'm a newbie to the group, and to CSS.

Can one create a CSS tag--e.g. <definition/>--that can render this:

<definition>affray</definition>

...as this:

<b>affray</b> [&nbsp;<a
href="http://en.wiktionary.org/wiki/affray">Wiktionary</a>&nbsp;]&nbsp;
&nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:affray">Google&nbsp;define:</a>&nbsp;]

Note that the text surrounded by the tag--"affray"--is repeated three
times within the proposed output, surrounded by other tags and/or
literals. In essence, converting:

A$

...to:

'<b>' + A$ + '</b> [&nbsp;<a href="http://en.wiktionary.org/wiki/' +
A$ + '">Wiktionary</a>&nbsp;]&nbsp; &nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:' + A$ +
'">Google&nbsp;define:</a>&nbsp;]'

Certainly, it can be done using XML transformations; but can it be
done just using CSS? (If so, how?)

No, you misunderstand the purpose of CSS. All it is intended to be able to
do is select elements in a document and define their properties.

 

[Andy Dingley]

Can one create a CSS tag--e.g. <definition/>--that can render this:

<definition>affray</definition>

...as this:

<b>affray</b> [&nbsp;<a
href="http://en.wiktionary.org/wiki/affray">Wiktionary</a>&nbsp;]&nbsp;
&nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:affray">Google&nbsp;define:</a>&nbsp;]

No. That's a content transformation, so do it with XSLT.


Actually you _can_ do it with CSS, using some bizarre proprietary CSS
extension that some fool at either Opera or Mozilla invented. But that
was a terrible idea, so don't use it.

 

[Harlan Messinger]

Hi, folks! I'm a newbie to the group, and to CSS.

Can one create a CSS tag--e.g. <definition/>--that can render this:

CSS doesn't have tags.

<definition>affray</definition>

Assuming you're talking about an (X)HMTL document, you can't make up
your own HTML tags.

...as this:

<b>affray</b> [&nbsp;<a
href="http://en.wiktionary.org/wiki/affray">Wiktionary</a>&nbsp;]&nbsp;
&nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:affray">Google&nbsp;define:</a>&nbsp;]

Note that the text surrounded by the tag--"affray"--is repeated three
times within the proposed output, surrounded by other tags and/or
literals. In essence, converting:

A$

...to:

'<b>' + A$ + '</b> [&nbsp;<a href="http://en.wiktionary.org/wiki/' + A$
+ '">Wiktionary</a>&nbsp;]&nbsp; &nbsp;[&nbsp;<a
href="http://www.google.com/search?q=define:' + A$ +
'">Google&nbsp;define:</a>&nbsp;]'

Certainly, it can be done using XML transformations; but can it be done
just using CSS? (If so, how?)

No.