html - How to apply css styles to a tag? -
html - How to apply css styles to a tag? -
i have tag in html within <i>
. applying styles <a>
tags in html. separate <a>
tag in <i>
tag. how can it?
a.acategory:link { color: #000000; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:visited { color: #999999; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:active { color: #000000; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:hover { color: #999999; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } a.asubcategory:link { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:visited { color: #999999; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:active { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:hover { color: #999999; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a:link { color: #3b73b9; text-decoration: none; } a:visited { color: #3b73b9; text-decoration: none; } a:active { color: #3b73b9; text-decoration: none; } a:hover { color: #064d6e; text-decoration: underline; }
thanks.
first thing add together different style tag within utilize 'i a' descendant or 'i > a' direct kid of i.
second thing should write style after style have written tag.
a.acategory:link { color: #000000; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:link{ //enter style here } a.acategory:visited { color: #999999; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:visited{ //enter style here } a.acategory:active { color: #000000; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:active{ //enter style here } a.acategory:hover { color: #999999; text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; } a.acategory:hover{ //enter style here } a.asubcategory:link { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:link{ //enter style here } a.asubcategory:visited { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:visited{ //enter style here } a.asubcategory:active { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:active{ //enter style here } a.asubcategory:hover { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a.asubcategory:hover{ //enter style here } a:link { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a:link{ //enter style here } a:visited { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a:visited{ //enter style here } a:active { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a:active{ //enter style here } a:hover { color: #000000; text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold; } a:hover{ //enter style here }
note : in above code if want apply different style kid tag if tag utilize > instead.
html css
Comments
Post a Comment