1. A named hook that is NOT being used as a target of a click related macro.
|styling>[This named hook is being used to style this text]
... in which case you can use a CSS selector based on the name of the hook to style it, as demonstrated by the following CSS which changes the enclosed text to green.
tw-hook[name="styling"] {
color: green;
}
2. A named hook that IS being used as a target of a link related macro.
|linking>[This named hook is the target of a click macro.]
(click: ?linking)[]
... in which case this comment in the Harlowe -Changing color of text... thread explains the different CSS selectors related to the two different link types, I suggest reading it so you familiarise yourself with the differences.
The following CSS changes the normal colour of any link to orange, including the above click macro based example.
Comments
1. A named hook that is NOT being used as a target of a click related macro. ... in which case you can use a CSS selector based on the name of the hook to style it, as demonstrated by the following CSS which changes the enclosed text to green.
2. A named hook that IS being used as a target of a link related macro. ... in which case this comment in the Harlowe -Changing color of text... thread explains the different CSS selectors related to the two different link types, I suggest reading it so you familiarise yourself with the differences.
The following CSS changes the normal colour of any link to orange, including the above click macro based example.
This is what I was looking for. Didn't know about the ".enchantment-link" part. Thank you.