+ 1

Can someone tell me a code CSS so that link <a href="http://www.testdome.com">Check documentation</a> and cursor looks like:

the code should satisfy the following condition 1.upper case 2.no underline 3.mouse pointer 4.contet around link <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Styling links</title> <style type="text/css"> a { text-transform:uppercase; text-decoration: none;} .check documentation{ cursor:pointer; } a::after { content: " (" attr(href) ")"; } </style> </head> <body> <a href="http://www.testdome.com">Check documentation</a> </body> </html> the code doesn't work for the 3 and 4 condition ..need correct code

html css html5 css3

23rd Jun 2018, 6:37 AM

Soniya Ramesh

3 Answers

+ 2

Hi Soniya Ramesh ! 3 doesn't work because in the CSS, the styling for the cursor is applied to a class (.check documentation) that doesn't exist -- it was not declared in the HTML part. 4 should work, as far as I can tell. (By the way, it would be more helpful if you could put this into Code Playground and provide the link for it in your post.). The only other thing I can think of is if there are compatibility issues that reducing the double colon to a single colon might fix. I hope this helps! :) (P.S. It's nicer to post questions in the Q/A as questions and not statements that sound like commands, directives, orders, or imply some sort of entitlement.)

23rd Jun 2018, 8:49 AM

Janning⭐

nice 1

23rd Jun 2018, 8:26 PM

Peeyush Srivastava

right answer is <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Styling links</title> <style type="text/css"> a { text-transform:uppercase; text-decoration: none;} a{ cursor:help; } a::after { content: "<"; } a::before { content: ">"; } </style> </head> <body> <a href="http://www.testdome.com">Check documentation</a> </body> </html> </style>

16th Nov 2018, 5:46 AM

rahul tailor