Пытается отредактировать стили ссылок в div

Question

, так что мне немного сложно понять это.

Я хочу отредактировать некоторые ссылки в пределах определенного div, кажется, достаточно просто?

Просто поместите

#mydiv a:link {color:#B40404}

Однако это, кажется, не работает для меня! Ниже мой код:

<div id="leftcontent"><a href="http://google.de"><div id="MYDIV">why this is no work</div></a> 

CSS:

#MYDIV { 
background-image: url(http://mypicture.com/mypic.jpg); 
width:290px; 
height:280px; 
font-family:Tahoma,Geneva,sans-serif; 
padding:25px; 
background-repeat:no-repeat; 
} 

#MYDIV a:link {color:#B40404; } 

Я понятия не имею, почему это не работает. Любая помощь ценится!

Благодаря

Answer 1

HTML должен быть, как показано ниже (тег внутри DIV)

<div id="leftcontent"> 
<div id="MYDIV"><a href="http://google.de">why this is no work</a></div> 
</div> 

CSS

#MYDIV a{color:#B40404; text-decoration:none} 

DEMO

---

В вашем случае (Div внутри тега) вам не нужно писать имя ID в CSS непосредственно написать стиль для тега

a{color:#B40404; text-decoration:none}

или

#leftcontent a{color:#B40404; text-decoration:none } 

DEMO 2

Answer 2

Ваш CSS выбирает тег INSIDE тег. Вы либо должны сделать следующее:

a #MYDIV { /* css code */ } 

или

<div id="MYDIV"><a>My link here</a></div> 

EDIT:

Я только что прочитал ваш комментарий на другой странице. В этом случае вам нужно добавить либо класс, либо идентификатор, а затем ссылку на него.

<div id="leftcontent"><a href="http://google.de" id="myLink"><div id="MYDIV">why this is no work</div></a> 

CSS

#myLink { /* add style here */ } 

Answer 3

<div id="leftcontent"><div id="MYDIV"><a href="http://google.de">why this is no work</a></div> 

в CSS

#MYDIV a:link {color:#B40404; } 

Answer 4

я думаю, что вам не нужно стилизовать гиперссылку в вашем случае.

Поскольку стиль в конечном счете будет применен к , ваш div заключен в якорный ярлык. Так дайте цвет: #your_hex_code на номер #MYDIV, который будет достаточным для вашей потребности. Это то, что вам нужно.

Если вы допустили ошибку в html, ответ Sowmya идеален.

Дополнительно:..

Более того, вы можете использовать JQuery для стиля, что $ ("# ваш якорь") родитель() CSS или использовать ближайший.

Благодаря

Answer 5

этот путь не является правильной верстка в кодировке HTML это не будет проверять в HTML Validator

<div id="leftcontent"> 
    <a href="http://google.de"> 
    <div id="MYDIV">why this is no work</div> 
    </a> 
</div> 

вместо того, чтобы сделать это

<div id="leftcontent"> 
    <div id="MYDIV"> 
    <a href="http://google.de">sample</a> 
    </div> 
</div> 

, если вы хотите, чтобы все div link добавить основной стиль в свой diva

CSS

#MYDIV { 
float:left; 
} 

#MYDIV a { 
float:left; 
width:100px; 
height:100px; 
}