Home > Web Front-end > HTML Tutorial > Ask a simple CSS_html/css_WEB-ITnose

Ask a simple CSS_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:08:49
Original
904 people have browsed it

I am a newbie
3333
555
444


I have now written a CSS, a:{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.


Reply to discussion (solution)

3333
555
444


I now wrote a CSS, a:hover{color:#fo;}
a.c_blue :hover{color:blue;}

3333
555
444


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

3333
555
< ;a href='#'>444


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>
Copy after login

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

3333
555< ;/a>
444


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}

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template