Ghi đè jquery css

Tôi đang tự hỏi làm thế nào để loại bỏ kiểu cha mẹ và sử dụng kiểu mặc định [không có]. Tôi sẽ chỉ ra trường hợp cụ thể của mình làm ví dụ nhưng tôi khá chắc chắn rằng đây là một câu hỏi chung

#elementId select {
    height:1em;
}



    
        fish
        eat
        cows
    

Những cách tôi không muốn giải quyết vấn đề này

• Tôi không thể chỉnh sửa biểu loại trong đó "#EuityId select" đã được đặt, mô-đun của tôi sẽ không có quyền truy cập vào đó
• Tốt nhất là không ghi đè kiểu cao bằng cách sử dụng kiểu thuộc tính

Ví dụ, sử dụng Firebug, tôi có thể tắt kiểu cha mẹ và tất cả đều tốt, đây là hiệu ứng tôi đang làm

Khi một kiểu được đặt, nó có thể bị vô hiệu hóa hoặc nó phải được ghi lại?

Boltclock

679K156 Huy hiệu vàng1365 Huy hiệu bạc1339 Huy hiệu Đồng156 huy hiệu vàng1365 huy hiệu bạc1339 huy hiệu đồng

Đã hỏi ngày 3 tháng 6 năm 2009 lúc 19. 24 3 tháng 6 năm 2009 lúc 19. 24

Bạn có thể tắt nó bằng cách ghi đè nó như thế này

Chiều cao. Tự động. quan trọng;

nước kiệu

62. 5K22 Huy hiệu vàng161 Huy hiệu bạc202 Huy hiệu đồng22 Huy hiệu vàng161 Huy hiệu bạc202 Huy hiệu đồng

Đã trả lời ngày 3 tháng 5 năm 2010 lúc 21. 19 3 tháng 5, 2010 lúc 21. 19

Fabian Brenes Fabien Brenes Fabien Brenes

7481 Huy hiệu vàng8 Huy hiệu bạc12 Huy hiệu đồng1 huy hiệu vàng8 huy hiệu bạc12 huy hiệu đồng

5

It must be override. You have could be used

#elementId select.funTimes {
   /* Override styles here */
}

Hãy chắc chắn rằng bạn sử dụng cờ

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

Bạn có thể sử dụng bộ chọn thuộc tính, nhưng vì điều đó không được hỗ trợ bởi trình duyệt cũ [đọc IE6, v. v. ], nên thêm tên lớp

Tìm hiểu từ hơn 300 ví dụ. Với trình chỉnh sửa của chúng tôi, bạn có thể chỉnh sửa CSS và nhấp vào nút để xem kết quả

Chuyển đến ví dụ về CSS

Sử dụng thực đơn

Chúng tôi khuyên bạn nên đọc hướng dẫn này, theo trình tự được liệt kê trong menu

Nếu bạn có màn hình lớn, menu sẽ luôn ở bên trái

Nếu bạn có màn hình nhỏ, hãy mở menu bằng cách nhấp vào ký hiệu menu trên cùng ☰

Mẫu CSS

Chúng tôi đã tạo một số W3 đáp ứng. Các mẫu CSS để bạn sử dụng

Bạn có thể tự do sửa đổi, lưu, chia sẻ và sử dụng chúng trong tất cả các dự án của mình

Mẫu CSS miễn phí

bài tập css

Kiểm tra bản thân với các bài tập

Câu đố về CSS

Kiểm tra kỹ năng CSS của bạn bằng một bài kiểm tra

Bắt đầu bài kiểm tra CSS

Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập của tôi" miễn phí tại W3Schools

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng My Learning

Tài liệu tham khảo CSS

Tại W3Schools, bạn sẽ tìm thấy các tham chiếu CSS hoàn chỉnh của tất cả các thuộc tính và bộ chọn với cú pháp, ví dụ, hỗ trợ trình duyệt, v.v.

Đặt đối số thứ ba thành false sẽ đính kèm một hàm ngăn hành động mặc định xảy ra và ngăn sự kiện nổi bong bóng. Mặc định là đúng

Kể từ jQuery 3. 0,

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

Bất kỳ chuỗi nào là hợp lệ cho

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

Nếu chuỗi

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

Có các phương pháp tốc ký cho một số sự kiện trình duyệt tiêu chuẩn, chẳng hạn như

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

Khi một sự kiện đến một phần tử, tất cả các trình xử lý được liên kết với loại sự kiện đó cho phần tử sẽ được kích hoạt. Nếu có nhiều trình xử lý được đăng ký, chúng sẽ luôn thực thi theo thứ tự mà chúng bị ràng buộc. Sau khi tất cả các trình xử lý đã thực thi, sự kiện sẽ tiếp tục dọc theo đường dẫn truyền sự kiện bình thường

Cách sử dụng cơ bản của

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

1

2

3

#elementId select.funTimes {
   /* Override styles here */
}

Mã này sẽ khiến phần tử có ID là

#elementId select.funTimes {
   /* Override styles here */
}

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

  

Nhiều sự kiện

Nhiều loại sự kiện có thể được liên kết cùng một lúc bằng cách bao gồm từng loại sự kiện được phân tách bằng dấu cách

1

2

3

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

Tác dụng của điều này đối với

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

Kể từ jQuery 1. 4, chúng ta có thể liên kết đồng thời nhiều trình xử lý sự kiện bằng cách chuyển một đối tượng của các cặp loại/trình xử lý sự kiện

1

2

3

4

5

6

7

8

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

Trình xử lý sự kiện

Tham số

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

1

2

3

#elementId select.funTimes {
   /* Override styles here */
}

Sau khi mã này được thực thi, khi người dùng nhấp vào bên trong phần tử có ID là

#elementId select.funTimes {
   /* Override styles here */
}

Kể từ jQuery 1. 4. 2 trình xử lý sự kiện trùng lặp có thể được liên kết với một phần tử thay vì bị loại bỏ. Điều này hữu ích khi tính năng dữ liệu sự kiện đang được sử dụng hoặc khi dữ liệu duy nhất khác nằm trong một bao đóng xung quanh chức năng xử lý sự kiện

Trong jQuery1. 4. 3 bây giờ bạn có thể chuyển vào

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

đối tượng Sự kiện

Hàm gọi lại

#elementId select.funTimes {
   /* Override styles here */
}

Đối tượng sự kiện thường không cần thiết và tham số bị bỏ qua, vì ngữ cảnh đầy đủ thường có sẵn khi trình xử lý bị ràng buộc để biết chính xác những gì cần thực hiện khi trình xử lý được kích hoạt. Tuy nhiên, đôi khi cần thu thập thêm thông tin về môi trường của người dùng tại thời điểm sự kiện được bắt đầu. Xem đối tượng sự kiện đầy đủ

Trả lại

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

Sử dụng đối tượng sự kiện trong trình xử lý trông như thế này

1

2

3

4

5

6

7

#elementId select.funTimes {
   /* Override styles here */
}

Lưu ý tham số được thêm vào chức năng ẩn danh. Mã này sẽ khiến một lần nhấp vào phần tử có ID

#elementId select.funTimes {
   /* Override styles here */
}

Truyền dữ liệu sự kiện

Tham số

#elementId select.funTimes {
   /* Override styles here */
}

1

2

3

4

5

6

7

8

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

Vì các trình xử lý là các bao đóng mà cả hai đều có

#elementId select.funTimes {
   /* Override styles here */
}

#elementId select.funTimes {
   /* Override styles here */
}

1

2

3

4

5

6

7

8

9

10

11

12

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

Lần này, biến không được tham chiếu trực tiếp trong trình xử lý; . Trình xử lý đầu tiên sẽ hiển thị Spoon. trong khi cái thứ hai sẽ cảnh báo Not in the face

Lưu ý rằng các đối tượng được chuyển đến các hàm theo tham chiếu, điều này làm phức tạp thêm kịch bản này

Nếu có mặt của

#elementId select.funTimes {
   /* Override styles here */
}

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

Xem tham chiếu phương thức

$[ "#foo" ].bind[{
  click: function[] {
    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

Kể từ jQuery 1. 4, chúng tôi không còn có thể đính kèm dữ liệu [và do đó, các sự kiện] vào các phần tử đối tượng, nhúng hoặc applet vì các lỗi nghiêm trọng xảy ra khi đính kèm dữ liệu vào các applet Java

Ghi chú. Mặc dù được minh họa trong ví dụ tiếp theo, nhưng không nên liên kết các trình xử lý với cả hai sự kiện

$[ "#foo" ].bind[{
  click: function[] {

  

    // Do something on click
  },
  mouseenter: function[] {
    // Do something on mouseenter
  }
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

#elementId select.funTimes {
   /* Override styles here */
}

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];

$[ "#foo" ].bind[ "mouseenter mouseleave", function[] {
  $[ this ].toggleClass[ "entered" ];
}];