Помещение границы по ссылке с CSS

Question

Я пытаюсь установить нижнюю границу на мою ссылку, но, несмотря на то, что с помощью кода довольно сильно прямо из Интернета, похоже, он не хочет работать.

http://codepen.io/anon/pen/oeLqc

lll { 
    font-weight:normal; 
    margin-bottom:5px; 
    border-bottom: 3px solid blue; 
    background: #EEE; 
    display: table; 
} 

Если бы я хотел толстую границу на дне моей ссылки, как я должен делать это?

Answer 1

При объявлении класса селекторы в CSS, они должны начать с .:

.lll { 
    font-weight:normal; 
    margin-bottom:5px; 
    border-bottom: 3px solid blue; 
    background: #EEE; 
    display: table; 
} 

http://codepen.io/anon/pen/hwsak

---

Вот полезный статья о селекторах CSS:

http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

Answer 2

Вы пропустили попытку присвоения класса:

.lll { 
font-weight:normal; 
margin-bottom:5px; 
border-bottom: 3px solid blue; 
background: #EEE; 
display: table; 
} 

Answer 3

lll селектор не будет работать, как есть.

• Если ваш класс lll, то ваш код должен быть .lll
• Если это идентификатор, то он должен быть #lll

Кроме того, есть причина, что вы используете display: table? Вероятно, это не помогает вашей ссылке. Может быть, попробуйте display: inline-block? Очевидно, что без знания сайта, над которым вы работаете, трудно сказать.

Но изменение этих двух вещей определенно поможет!

Answer 4

Вы забыли использовать точку (.) Перед написанием css. Это должно быть

.lll { 
    font-weight:normal; 
    margin-bottom:5px; 
    border-bottom: 3px solid blue; 
    background: #EEE; 
    display: table; 
}