How to use with css selectors in xslt file?

Asked May 08 '19 at 07:36

Active May 08 '19 at 09:20

Viewed 123 times

I am new with xslt programming.

I need to perform some special styling, to get the below output:

-- TEXT1.......................................................TEXT2

Actually there are two issues here:

Line of dots between items
Custom bullet symbol for li elements in ul

As I found (1-Line of dots css , 2-custom bullet css) to do that I need to use with "before" selector

Here the suggested code (from above second link):

li:before {
  content: "-";
  padding-right: 5px;
}

Until now, I wrote the special css style in the xslt as code below:

  <xsl:template match="listItem">
    <ul style="list-style-type:disc; list-style-position: inside; padding-left: 0;">
      <li>
        <xsl:value-of select="para"/>
      </li>
    </ul>
  </xsl:template>

Now, I need to insert the "before" selector to implement my issue. I'd love to know what the syntax of this is, Or alternatively, I would be happy to know other ways.

Thanks!

Updated: I added some code to the question.

edited May 08 '19 at 09:20

asked May 08 '19 at 07:36

C. Mar

1

Before what ? and where ? What is your current output ? and what is expected ? – Vebbie May 08 '19 at 08:48
by the above links, I want to write this in style attribute: li:before { content: "+"; padding-right: 5px; } – C. Mar May 08 '19 at 08:52
@Vebbie, I updated my question. and write another comment – C. Mar May 08 '19 at 09:21
1

You can put your styles in a ` – Tim C May 08 '19 at 09:33

How to use with css selectors in xslt file?

0 Answers0