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

HDR Nhiếp ảnh Mẹo: Soạn ảnh với mục đích - núm vú

HDR Nhiếp ảnh Mẹo: Soạn ảnh với mục đích - núm vú

Thử quy tắc đơn giản này khi soạn cảnh cho một bức ảnh HDR. Nó sẽ có một tác động sâu sắc đến cách bạn soạn nó. Chụp ảnh gì đó. Không phải bất cứ điều gì. Không phải là không có gì. Lấy nó của một điều bạn có thể chỉ và nói, "Đây là lý do tại sao tôi chụp ảnh. "Có thể là một người, ...

HDR Nhiếp ảnh Mẹo: Lấy một chân máy đẹp - những cái đầu

HDR Nhiếp ảnh Mẹo: Lấy một chân máy đẹp - những cái đầu

Chụp những bức ảnh đẹp hơn cho HDR đòi hỏi phải có chân máy . Có những điều quan trọng khác: chụp những bức ảnh tốt hơn và sử dụng hiệu quả những kỹ thuật chụp ảnh năng động cao. Nếu bạn không chụp những bức ảnh đẹp, cho dù bạn sử dụng các kỹ thuật HDR (như sử dụng chân máy) thì không thích hợp. Tương tự như vậy, bạn giảm thiểu ...

HDR Nhiếp ảnh Mẹo: Biết máy ảnh của bạn - núm vú

HDR Nhiếp ảnh Mẹo: Biết máy ảnh của bạn - núm vú

Các thương hiệu máy ảnh ngày nay phụ thuộc rất nhiều vào tự động này và tự động . Đối với nhiếp ảnh HDR, một trong những hậu quả của việc này là nhiều nhiếp ảnh gia nghiệp dư không học cách sử dụng máy ảnh của họ như họ nên. Đừng trở thành một trong số họ. Bạn sẽ tận hưởng nhiều hơn và chụp ảnh tốt hơn nếu bạn học cách sử dụng ...

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

Xuất Chuyển đổi khách hàng từ tệp dữ liệu 2014 của QuickBooks - núm vú

Xuất Chuyển đổi khách hàng từ tệp dữ liệu 2014 của QuickBooks - núm vú

Sau khi bạn đã sử dụng bản sao của kế toán của tệp dữ liệu QuickBooks để sửa các giao dịch hoặc để nhập các giao dịch mới, bạn có thể xuất các thay đổi để sau này có thể được nhập vào tệp dữ liệu của khách hàng. Để thực hiện việc này, hãy chọn File → Accountant Copy → View / Export Changes for Client. Đầu tiên, QuickBooks sẽ hiển thị một cửa sổ có liệt kê danh sách ...

Cài đặt nhanh hơn, dễ dàng hơn < < Các cài đặt QuickBooks 2014 - cài đặt nhanh

Cài đặt nhanh hơn, dễ dàng hơn < < Các cài đặt QuickBooks 2014 - cài đặt nhanh

QuickBooks 2014 mất thời gian và đòi hỏi một chút lập kế hoạch trả trước, nhưng bạn có thể giảm bớt gánh nặng và đẩy nhanh thành công bằng cách sử dụng năm thủ thuật dưới đây: Sử dụng Express Start: Bạn có thể cho QuickBooks thiết lập QuickBooks với các thiết lập mặc định chuẩn bằng cách chỉ ra (ở màn hình khởi động đầu tiên) rằng bạn ...

Tìm kiếm một Giao dịch trong Quickbooks 2006 - núm vú

Tìm kiếm một Giao dịch trong Quickbooks 2006 - núm vú

Khi bạn không thể nhớ thông tin bạn cần tìm mục nhập hoặc giao dịch cụ thể (đối với séc, tiền gửi hoặc chuyển khoản) trong QuickBooks 2006, bạn có thể tìm kiếm thông tin bằng cách sử dụng hộp thoại Tìm. Lệnh Tìm của trình đơn Chỉnh sửa cung cấp một cách tiện dụng để làm việc như vậy. Đây là những gì bạn ...

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

Thành công Quản lý cộng đồng trực tuyến Giữ nguyên vẹn - vú

Thành công Quản lý cộng đồng trực tuyến Giữ nguyên vẹn - vú

Là người quản lý cộng đồng, bạn phải công bằng. Trên thực tế, đó phải là quy tắc số một về quản lý cộng đồng trực tuyến. Ngay cả khi bạn không thích một người hoặc không đồng ý với anh ấy, bạn phải công bằng. Mọi người trong cộng đồng của bạn phải được đối xử bình đẳng. Được vô tư đi xa hơn ...

Gợi ý Mẹ của bạn Blog to Facebook Bạn bè - núm vú

Gợi ý Mẹ của bạn Blog to Facebook Bạn bè - núm vú

Khi Facebook Fan Page hoàn tất, bước tiếp theo cho thành công mạng là Mời Bạn bè của bạn để "Thích" trang. Bạn có thể muốn gửi thông tin này đến tất cả mọi người mà bạn biết, và có thể phù hợp nếu tất cả bạn bè trên Facebook của bạn là những người mà bạn cho là thích trang của bạn. Trong

Bắt đầu Blog Kinh doanh Doanh nhân Vi mô - núm vú

Bắt đầu Blog Kinh doanh Doanh nhân Vi mô - núm vú

Blog là một tạp chí trực tuyến do một bên thứ ba tổ chức . Không giống như trang web, doanh nghiệp vi mô có thể tạo blog dễ dàng hơn và ít tốn kém hơn. Với một blog, bạn có thể thiết lập thương hiệu và sự tín nhiệm của bạn, tiếp thị sản phẩm và dịch vụ của bạn và tạo ra một điểm đến cho khách hàng tiềm năng để tìm thấy bạn trực tuyến. ...