Home > Article > Web Front-end > Ask a simple CSS_html/css_WEB-ITnose
I am a newbie
771ffaf5277073360b429b7cfaa0dd3733335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375555db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd374445db79b134e9f6b82c0b36e0489ee08ed
I have now written a CSS, a:5c8c1df4484ba23d0fc014728bd37872{color:#fo;}
There is something in it The hyperlinks have all turned into one color.
I now have another requirement. I want the color of the first hyperlink to be displayed as Blue. How should I use this style.
1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375555db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd374445db79b134e9f6b82c0b36e0489ee08ed
I now wrote a CSS, a:hover{color:#fo;}
a.c_blue :hover{color:blue;}
1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375554a11e5928b3688cf38c9163b657eb5ac
771ffaf5277073360b429b7cfaa0dd374445db79b134e9f6b82c0b36e0489ee08ed
I have now written a CSS, a:hover{color:#fo;}
a .c_blue:hover{color:blue;}
#fo; It should be #f00;
That’s the correct answer upstairs. The element selector you specify applies to all elements, but you can use class styles to style a certain element individually.
Write a separate class! Floor 1
1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd375555db79b134e9f6b82c0b36e0489ee08ed
< ;a href='#'>4445db79b134e9f6b82c0b36e0489ee08ed
I have now written a CSS, a:hover{color:#fo;}
a.c_blue:hover{color :blue;}
There is no need to write separate css for such simple needs, otherwise people will not understand it.
Directly like this:
<a href='#' style='color:blue;'>3333</a><a href='#'>555</a><a href='#'>444</a>
Write a separate class for the first one
You’re not very familiar with it yet... Just in the first place Add class="blue"
a.blue:hover{color:blue;}
That's it!
Write a separate class
1eb5586342514f485c7612f447d1fc8533335db79b134e9f6b82c0b36e0489ee08ed
771ffaf5277073360b429b7cfaa0dd37555< ;/a>
771ffaf5277073360b429b7cfaa0dd374445db79b134e9f6b82c0b36e0489ee08ed
I have now written a CSS, a:hover{color:#fo;}
a.c_blue:hover{color:blue;}
Yes, write a separate one. When the css asks for your analysis, it will follow the subordinate priority
Write the style separately in the head
a:link {color=#xxxx}
a:hover {color=#xxx}