Oops, try again. Did you set the first paragraph's font-size to 10px? It looks like it's 12px. (If you're getting a weird decimal font size, check the Hint.)


#1



<!DOCTYPE html>
<html>
	<head>
		<title>First font size change</title>
	</head>
	<body>
        <p style="font-size:10px"> Some text for you to make tiny! </p>
        <p style="font-size:20px"> Some text for you to make normal size!</p>
		<p style="font-size:40px"> Some text for you to make super big!</p>
	</body>
</html>


#2

Hello @luokun0725,
Your code seems correct to me.

Did you try refreshing the site with Ctrl+R or (Ctrl+)F5?
And then compiling the code again.


#3

I‘ve tried many times!
It just can not pass.......


#4

Hmm, that is really weird.
Did you try it with semicolons?

So that your formats look like <p style="font-size:10px;"> etc for 20px and 40px aswell?
(Fyi: a semicolon after px)

Hope that this will help :slight_smile:


#5

Maybe try ctrl + shift + del, this will give you the option to clear your cookies and cache.. that might work, if not it's still a cool shortcut :slight_smile:


#6


#7


#8

I take it clearing cookies and cache didn't work :slight_smile:

Hmm.. what happens if you add an important to that style?

<p style="font-size:10px !important"> Some text for you to make tiny! </p>

#9

@rorygrenade - I guess that's a bit too far for such a "basic" HTML-course...

Never seen an error like this :open_mouth:


#10

@luokun0725 Did you try to try to change browser


#11

Still not work...
I've tried clearing cookies and write the code again...


#12

It would be interesting what the Hint says


#13

Maybe, but would be interesting to see what happens. Disclaimer (for green HTML coders) - Only use !important if you have no other choice :slight_smile:


#14

Still not work by using "!important"...


#15

Next step would be packing it into a <?php ?> ... something like

<?php echo "<p style='font-size:10px !important'> Some text for you to make tiny! </p>" or die(); ?>

:joy::joy::joy::joy::joy:


#16

@luokun0725,

Hmm, try using simple 's instead of double "s - maybe THIS will work.


#17

Try adding this a style tag with a really specific selector like so:

<style>
    p:first-of-type {
        font-size: 10px !important;
    }
</style>

#18

^ @luokun0725: you have to put this - if you didn't learn it so far - in the <head> ... </head>of your file.


#19

Still not work... :confounded:


#21

It tells me that I should have 3

tags...