Now Place:2uzhan.com » In CSS what is "a", "a:hover", "a ins" ?

In CSS what is "a", "a:hover", "a ins" ?

UI / UX Design @ June 6, 2012   Views:0

I'm working with an alreayd made website to try to teach myself HTML and CSS. For every image or button on the website, there is a different section of the CSS code that corresponds to it. For example, if the name was "button," at different points in the CSS file it would say


button a

button a ins

button a:hover


What do all these mean? Is this normal coding? Why can't all the attributes of the button be in one section?


I suggest to learn CSS from w3schools.

It is because of the layout of the page - these styles apply to several different nested elements or tags in the html, not just the button. Depending on the actual styles implemented they will have quite different effects if applied directly to the button, which is not necessarily what the designer wants to achieve.

Sometimes it is necessary to nest elements like this to allow for full cross browser compatibility, especially when catering for older browsers. Sometimes it is necessary simply to achieve the desired layouts or visual effects.


These styles will apply directly to the button itself

button a

These styles apply to an anchor tag inside the button tag.


button a ins

these styles apply to text marked as inserted inside the anchor tag.


button a:hover

These styles apply to the anchor tag again, but only when it is in hover state - ie: the user has the mouse over the link.


On my page (http://www.50allstars.com/2017/10/test.html) I'm attempting to align some divs, but the middle div shifts downward whenever I view it on mobile. I've tried adjusting widths, maybe it has something ...

I need to import a video file into an audio editor called Steinberg Nuenbdo. (on daily basis). In Nuendo, best format for video is avi. But my video converter ...

Hi Everyone,

I am having a strange problem on my webpage. I am getting this Black shade whenever i type or focus my cursor on a select or text field. ...

© 2018 2uzhan.com Contact