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

Làm thế nào để quản lý hồ sơ hài kịch của bạn trên MySpace - núm vú

Làm thế nào để quản lý hồ sơ hài kịch của bạn trên MySpace - núm vú

Khi bạn đang tìm kiếm để chỉnh sửa , MySpace bắt buộc phải có nhiều tab trong trang chỉnh sửa hồ sơ của bạn:

Làm thế nào để Thực hiện Thay đổi Tài khoản MySpace - núm vú

Làm thế nào để Thực hiện Thay đổi Tài khoản MySpace - núm vú

MySpace làm cho nó dễ dàng để có được dưới mui xe của tài khoản của bạn và bắt chước trang MySpace của bạn. Những điều chỉnh này ảnh hưởng đến cách tài khoản của bạn hoạt động không chỉ cho bạn mà còn cho những người dùng gặp trang của bạn. Bạn có thể thay đổi cách trang MySpace của bạn hoạt động trên trang Cài đặt: Tài khoản. Đăng nhập vào trang của bạn ...

Làm thế nào để Quản lý Tiểu sử Nhà làm phim của MySpace - những cái đầu

Làm thế nào để Quản lý Tiểu sử Nhà làm phim của MySpace - những cái đầu

Sau khi bạn tạo tiểu sử Nhà làm phim MySpace, tất cả các lựa chọn phim của bạn bằng cách nhấp vào liên kết Chỉnh sửa Tiểu sử trong hồ sơ của nhà làm phim của bạn. Các tùy chọn này là những khác biệt chính giữa một hồ sơ của nhà làm phim và một hồ sơ cá nhân trên MySpace - và chúng được tạo ra đặc biệt để giúp bạn quản lý và phân phối các bộ phim của bạn để ...

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

Các đường dẫn chuyển mạch nhãn static hoặc thay đổi động MPLS (LSP) - núm vú

Các đường dẫn chuyển mạch nhãn static hoặc thay đổi động MPLS (LSP) - núm vú

Nhãn đa giao thức Chuyển mạch (MPLS) chuyển đổi mạng định tuyến của bạn sang một địa điểm gần với mạng chuyển mạch và cung cấp hiệu quả vận chuyển mà chỉ đơn giản là không có trong một mạng IP-ro truyền thống. Thay vì chuyển tiếp gói dữ liệu trên cơ sở hop-by-hop, các đường dẫn được thiết lập cho các cặp đích nguồn-đích. Các đường dẫn xác định trước làm cho công việc MPLS được gọi là đường dẫn chuyển nhãn (LSP). ...

Bảo mật cơ sở hạ tầng với giải pháp bảo mật Juniper - núm vú

Bảo mật cơ sở hạ tầng với giải pháp bảo mật Juniper - núm vú

Nhu cầu bảo mật của mạng lưới liên tục thay đổi và khi dữ liệu được chia sẻ trên nhiều người dùng và ứng dụng khác nhau. Đứng trước cả những mối đe dọa mới và nhu cầu kinh doanh có nghĩa là đánh giá thường xuyên xem liệu cơ sở hạ tầng an ninh hiện tại có đáp ứng đầy đủ các yêu cầu từ tổ chức hay không ...

Báo hiệu Giao thức trong MPLS Networks - núm vú

Báo hiệu Giao thức trong MPLS Networks - núm vú

Nếu bạn đang quản lý một mạng MPLS dựa trên Junos, bạn cần phải biết hai loại giao thức truyền tín hiệu MPLS chính, cả hai đều hỗ trợ Junos: Giao thức Phân phối Nhãn (LDP): LDP là một giao thức báo hiệu khá đơn giản, hoạt động giống như một trong các IGP (OSPF và IS-IS). LDP chạy trên đầu trang

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

Tùy chỉnh Các chức năng trên Canon EOS Rebel T7i / 800D Camera - núm vú

Tùy chỉnh Các chức năng trên Canon EOS Rebel T7i / 800D Camera - núm vú

Tùy chỉnh Chức năng là một nhóm cài đặt nâng cao chỉ có ở chế độ phơi sáng P, Tv, Av, và M của Canon EOS Rebel T7i / 800D của bạn. Để ghi nhớ các chức năng tùy chỉnh, hãy chọn mục đó từ Setup Menu 4, như được hiển thị trên trang ...

Tùy chỉnh Cài đặt Cân bằng trắng trên Máy ảnh Tivi Rebel T3 - núm vú

Tùy chỉnh Cài đặt Cân bằng trắng trên Máy ảnh Tivi Rebel T3 - núm vú

, Canon Rebel T3 hoặc T3i của bạn cho phép bạn điều chỉnh cân bằng trắng theo một cách làm thay đổi tất cả các màu theo một phần đặc biệt của phổ màu. Kết quả tương tự như việc sử dụng một bộ lọc màu truyền thống với ống kính của bạn. Để có thể sử dụng tùy chọn này, bạn hãy làm theo các bước sau:

Tùy chỉnh cài đặt ghi phim trên Canon EOS 80D của bạn - núm vú

Tùy chỉnh cài đặt ghi phim trên Canon EOS 80D của bạn - núm vú

Sau khi bạn thiết lập chuyển đổi Live View thành vị trí Phim trên EOS 80D của bạn, bạn có thể hiển thị cài đặt ghi hình quan trọng trên màn hình. Nếu bạn không thấy cùng một dữ liệu, nhấn nút Thông tin để chuyển qua các kiểu hiển thị khác nhau.