Tại sao định dạng 1 lần thẻ <a href=""> lại định dạng cho tất cả

#1

Chã là em đang tự học ngôn ngữ này, nhưng không biết lỗi chỗ nào. sao em định dạng có 1 lần mà nó lại tự động định dạng cho những thẻ còn lại dù em đã sử dụng <div> để bao bọc nó lại :frowning:

đây là code của em:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="../index/css/style.css" />
        <title>Untitled Document</title>
    </head>
    <body>
        <div id="index">
            <header>
                <div id="banner">/div>
            </header>
            <nav>
                <div id="menu">
                    <ul>
                        <li>a href="#">Giới thiệu</a>
                        <li>a href="#">Văn bản</a>
                        <li>a href="#">Thư viện</a>
                        <li>a href="#">Liên hệ</a>
                        <li>a href="#">Góp ý</a>			
                        <li><a href="#">Hỏi & Đáp</a>
                    </ul>
                </div>
            </nav>
            <article>
                <div class="article">
                    <h1>center>BÀI VIẾT MỚI NHẤT/h1>/center>
                    <hr>
                    <a href="1">asdasdasd/a>
                    <img src="../index/hinh/5.png">
                    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> -->
                </div>
            </article>
            <aside>
                <div id="aside"></div>
            </aside>
            <footer></footer>
        < /div>
    </body>
< /html>

Mấy dấu “<” em đã xóa để code hiển thị…!!

Css:

@charset "utf-8";
/* CSS Document */
#body{
    padding: 0px;
    margin: 0px;
}
#banner{
    background-image: url(../hinh/1.jpg);
    background-size: 100% 100%;
    padding-bottom:20%;
}
#menu>ul{
    list-style-type: none;
}
#menu>ul, li, a{
    line-height: 40px;
    background-color: #6666FF;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#menu>li, a{
    float:left;
    width:210px;
    height: 40px;
    margin-top: -15px;
}
#menu>li, a:hover{
    background: #FFCC66;
    color: #333;
}
.article{
    min-height:auto;
    margin-top: 40px;
    margin-left: 40px;
    width: 75%;
    background: #EEEEEE;
    float: left;
    border-radius: 20px;
}
.article>hr{
    width: 850px;
    height: auto;
}
.article>h1{
    color: #525EFB;
}
#aside{
    float: left;
    min-height:500px;
    margin-top: 40px;
    margin-right: 35px;
    width: 18%;
    background: yellow;
    float: right;
}

Đây ạ :frowning: sao cái nội dung dưới nó lại tự định dạng luôn…

1.png1347×675 510 KB

#2

dùng markdown để post code đi bạn.

tại vì bạn dùng dấu , để ngăn cách. đây là cách để định dạng cho nhiều phần tử 1 lúc. nếu bạn muốn thể hiện thứ bậc cha con thì để dấu cách thôi.

#3

nếu cách ra thì nó không định dạng nữa :frowning: em đã sữa bằng cách cắt từng code ra định dạng từng cái 1. Cái em muốn là định dạng cho nhiều thành phần nhưng sau khi đã kết thúc 1 khối thì nó sẽ không ảnh hưởng tới khối khác, vậy có cách nào k ạ?

#4

không hiểu ý bạn lắm. Vậy bạn dùng dấu phẩy ở CSS kia với mục đích gì?

#5 
#menu>ul, li, a{
    line-height: 40px;
    background-color: #6666FF;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#menu>li, a{
    float:left;
    width:210px;
    height: 40px;
    margin-top: -15px;
}
#menu>li, a:hover{
    background: #FFCC66;
    color: #333;
}

Có phải ý bạn tại đoạn #menu>ul, li, a là nó chọn #menu>ul, #menu>li, #menu>a không?
Nếu bạn hiểu như vậy thì :), sai rồi. Ở đây nó sẽ chọn thành #menu>ul | li | a vì vậy nó sẽ áp dụng cho tất cả thể a trong văn bản.

#6

oke cảm ơn bác e đã hiểu ^^!

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?