jQuery functions and selectors 12/13 css?


#1

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/en/courses/web-beginner-en-GfjC6/2/3?curriculum_id=50a3fad8c7a770b5fd0007a1

<In what way does your code behave incorrectly? Include ALL error messages.>
I don’t have any problems with this lesson. I’m just curious about how the CSS works in this lesson. There are some parts that I don’t understand like “-webkit-box-shadow” and “-moz-box-shadow”.

```

Replace this line with your code.

<do not remove the three backticks above>

#2

Browsers have vendor prefixes in order to make certain properties work.
-moz- Firefox
-webkit- Safari & Chrome

-more vedor prefix MDN

I hope this answers your question


#3

you do know box-shadow? It gives shadow to a box (there is a surprise)

the -moz and -webkit are browser prefixes. prefixes are used with experimental css property’s, mdn has a page about it (link) box shadow is now standardized, so browser prefixes are no longer needed, this you can find here


#4

Hi
the three lines

    -webkit-box-shadow: 0 0 8px #FFD700;
    -moz-box-shadow: 0 0 8px #FFD700;
    box-shadow: 0 0 8px #FFD700;

give the same information : put a shadow to something. The lines with the prefixes webkit and moz ensures that these commands are understood by the (Chrome, Safari) and Mozilla browsers respectively. You can also have a look at
http://www.cssmatic.com/box-shadow
to play interactively with the parameters

You can also have a look at
http://stackoverflow.com/questions/18083056/css-what-are-moz-and-webkit
to better understand the prefixes webkit and moz
Cheerio