Trang Chủ Xã hội Truyền thông Cách sử dụng: not () Chọn trong CSS3 - núm vú

Cách sử dụng: not () Chọn trong CSS3 - núm vú

Video: [Frontend] Chuẩn BEM trong CSS - ItHot.vn 2025

Video: [Frontend] Chuẩn BEM trong CSS - ItHot.vn 2025
Anonim

Trong một số trường hợp, việc chọn các đối tượng trong CSS3 dễ dàng hơn theo đặc điểm mà họ không có - làm điều này bạn có thể sử dụng một: không (selector). Ví dụ: bạn có thể muốn thay đổi định dạng của mọi đối tượng không nằm trong thẻ

Trong trường hợp này, bạn có thể tạo một danh sách các thẻ sử dụng bộ chọn dấu phẩy và hy vọng rằng danh sách của bạn đã hoàn tất hoặc bạn chỉ có thể sử dụng bộ chọn không (). Ví dụ: không (p) chọn mọi đối tượng không phải là thẻ

. Bạn cũng có thể tạo các lựa chọn phức tạp bằng cách sử dụng bộ chọn: not (): Bộ chọn của: not (div> p), ví dụ, chọn mỗi thẻ

không có thẻ làm cha mẹ.

Ngay cả với danh sách các công cụ chọn thẻ này, bạn có thể thấy rằng CSS khá linh hoạt khi làm việc với thẻ. Xem các bộ chọn trong hành động sẽ giúp bạn hiểu chúng tốt hơn một chút. Thủ tục dưới đây chỉ ra cách sử dụng các thẻ khác nhau:

  1. Tạo ExternalCSS. HTML và ExternalCSS. CSS và sao chép chúng vào một thư mục mới.

  2. Mở ExternalCSS. HTML.

  3. Nhập mã sau đây sau thẻ

    hiện có trong tệp và lưu các thay đổi vào đĩa.

    Văn bản trong DIV.

    Văn bản với cha mẹ DIV.

    Văn bản sau DIV.

    Thêm văn bản sau khi DIV.

    Mã này chỉ đơn giản thêm các thẻ trong các sắp xếp cụ thể để bạn có thể kiểm tra các bộ chọn khác nhau. Nếu bạn mở tệp kết quả bây giờ, bạn sẽ thấy rằng mỗi thẻ

    đã được định dạng tự động giống như thẻ

    ban đầu.

  4. Mở ExternalCSS. CSS.

  5. Nhập mã sau đây sau các kiểu hiện tại và lưu các thay đổi vào đĩa.

    div> p {text-align: right;} GHI DANH CHO 2. 2 HERE
    
  6. Tải lại trang kiểm tra.

    Lưu ý rằng thẻ

    chỉ bị ảnh hưởng là thẻ có thẻ là người mẹ trực tiếp. Ngoài ra, lưu ý rằng các định dạng trước cascades vào định dạng hiện hành. Bạn đã không ghi đè bất kỳ định dạng hiện có nào, vì vậy văn bản xuất hiện như trước - nó đơn giản chỉ sử dụng tính hợp lý thay vì lý do trái mặc định.

  7. Nhập mã sau đây sau các kiểu hiện tại và lưu các thay đổi vào đĩa.

    div p {text-decoration: line-through; background-color: # ff7f7f;}
    
  8. Tải lại trang thử nghiệm.

    Lưu ý rằng hai dòng này bị ảnh hưởng lần này. Ngoài ra, phong cách màu nền đã được thay đổi, do đó, hai dòng này sử dụng màu mới - nó được ưu tiên hơn màu gốc. Khi bạn suy nghĩ về phần tầng của CSS, hãy suy nghĩ về một luồng thay đổi ở hạ lưu được ưu tiên hơn trạng thái ban đầu của nước.

  9. Nhập mã sau đây sau các kiểu hiện tại và lưu các thay đổi vào đĩa.

    div + p {gia đình font: không gian tiền tệ; font-style: italic;}
    
  10. Tải lại trang thử nghiệm.

    Chỉ có dòng xuất hiện trực tiếp sau khi bị ảnh hưởng: Phông chữ đã được thay đổi thành phông chữ đơn lẻ (thường được dành riêng cho mã) và được in nghiêng.

  11. Nhập mã sau đây sau các kiểu hiện tại và lưu các thay đổi vào đĩa.

    div ~ p (phông chữ-trọng lượng: táo bạo hơn; kích cỡ phông chữ: 30px; lề: 0px; color: # 7f007f;}
    
  12. Tải lại trang thử nghiệm.

Lưu ý rằng cả hai thẻ

xuất hiện sau thẻ bị ảnh hưởng. Phông chữ bây giờ xuất hiện đậm và lớn hơn. Màu phông cũng đã thay đổi. Đặc biệt quan trọng trong phần này của ví dụ là cài đặt lề tới 0px sẽ loại bỏ khoảng trắng giữa các dòng.

Cách sử dụng: not () Chọn trong CSS3 - núm vú

Lựa chọn của người biên tập

Nhúng tệp Video và Audio vào các trang Web của bạn để có kết quả SEO tốt hơn - những núm vú

Nhúng tệp Video và Audio vào các trang Web của bạn để có kết quả SEO tốt hơn - những núm vú

Nếu bạn muốn bao gồm nội dung video và âm thanh trong các trang Web của mình, bạn có thể nhúng các tệp này để làm cho chúng thân thiện hơn với SEO. Bạn cũng nên chọn nội dung tăng cường thông điệp của trang web và làm cho nó thêm thú vị và có ý nghĩa với khách truy cập của bạn. Một số trang web cung cấp các tệp video hoặc âm thanh bằng cách hiển thị chúng trong ...

Loại trừ một trang web hoặc trang web khỏi các công cụ tìm kiếm Sử dụng một tệp tin văn bản Robots

Loại trừ một trang web hoặc trang web khỏi các công cụ tìm kiếm Sử dụng một tệp tin văn bản Robots

Bạn có thể sử dụng tệp văn bản rô-bốt để chặn một nhện công cụ tìm kiếm khỏi thu thập thông tin trang Web hoặc một phần của trang web của bạn. Ví dụ, bạn có thể có một phiên bản phát triển của trang Web nơi bạn làm việc về những thay đổi và bổ sung để kiểm tra chúng trước khi chúng trở thành một phần của trang Web trực tiếp của bạn. ...

Lựa chọn của người biên tập

Nhìn vào các ngày lễ Công giáo - những con voi

Nhìn vào các ngày lễ Công giáo - những con voi

Một điều rất hay về Đạo Công giáo là nhiều ngày trong năm dương lịch là một nguyên nhân cho lễ kỷ niệm. Gần như mỗi ngày đánh dấu ngày lễ của một vị thánh - một ngày mà cuộc đời thánh thiện và những việc làm của thánh nhân được ghi nhớ. Một số ngày là ngày lễ của nghĩa vụ, có nghĩa là bạn phải tham dự ...

Sách Khải Huyền Đối với Người Dummies Cheat Sheet - núm vú

Sách Khải Huyền Đối với Người Dummies Cheat Sheet - núm vú

Nếu bạn bị cuốn hút bởi Sách Khải Huyền trong Kinh Thánh, đừng bận tâm. Hãy xem cấu trúc cơ bản của Sách Khải Huyền; các giải thích chính của nó; những quan điểm khác nhau về Vương quốc ngàn năm đã đề cập trong Khải huyền 20; và những sự kiện quan trọng đã tạo nên Giăng cho Vị Tông Đồ và bài viết của ông. Bằng cách làm như vậy, bạn sẽ tốt hơn ...

Hồng y Các Giáo lễ của Giáo Hội Công Giáo - Thập niên

Hồng y Các Giáo lễ của Giáo Hội Công Giáo - Thập niên

Một đức tính là thói quen hoàn thiện quyền hạn của linh hồn và định đoạt bạn làm tốt. Người Công giáo tin rằng ân sủng của Thiên Chúa được dâng lên cho linh hồn, bởi vì nếu không có sự giúp đỡ của Đức Chúa Trời, con người không thể làm điều tốt một mình. Grace, đó là sự can thiệp của Thiên Chúa, nâng đỡ linh hồn của một người, cung cấp oomph cần thiết để làm việc.

Lựa chọn của người biên tập

Làm thế nào để Khởi động lại Web Host Manager Services của bạn - núm vú

Làm thế nào để Khởi động lại Web Host Manager Services của bạn - núm vú

Vẻ đẹp của máy chủ web là mỗi chức năng chính của nó có "dịch vụ" của riêng bạn mà bạn có thể khởi động lại. Một dịch vụ là một phần của phần mềm - một chương trình chạy trên máy chủ xử lý một chức năng cụ thể. Nếu một trong các dịch vụ ngừng hoạt động chính xác, bạn không nhất thiết phải khởi động lại ...

Làm thế nào để Hủy bỏ Website của bạn từ một Blacklist - núm vú

Làm thế nào để Hủy bỏ Website của bạn từ một Blacklist - núm vú

Tên miền hoặc miền địa chỉ IP của bạn bị liệt vào danh sách đen khi phát hiện thư rác. Nếu trang web của bạn đã bị cấm, có thể đó không phải là lỗi của bạn - đặc biệt nếu bạn đang ở trên một máy chủ chia sẻ. Có thể một trang web khác trên máy chủ đã cố tình gửi spam. Nó cũng là ...

Cách Quản lý Trình Quản lý Máy chủ Web của bạn Hàng đợi Thư - núm vú

Cách Quản lý Trình Quản lý Máy chủ Web của bạn Hàng đợi Thư - núm vú

Với quyền truy cập vào phụ trợ của máy chủ của bạn, bạn cũng có thể truy cập vào một số chức năng của Trình quản lý Máy chủ lưu trữ Web trước đây không có sẵn cho bạn. Cuộn xuống trình đơn bên tay trái của WHM để tìm phần được gọi là Thư gần cuối. Trong phần này, có những lựa chọn có thể hữu ích cho bạn nếu ...