javascript - 为什么 jquery.ui.all.css 用于选项卡

Question

我想知道做jquery.ui.all.css什么Tabs

我删除的那一刻

<link rel="stylesheet" href="jquery/dev/themes/base/jquery.ui.all.css">

我的标签不起作用..

我的问题是：

jquery.ui.all.css stylesheet对标签实际上做了什么？

我可以为选项卡创建自己的样式表吗？如果可以，我该怎么做？

Answer 1

所有与选项卡相关的样式都在 jquery.ui.all.css 样式表中。

选项卡实际上是普通的 html 元素，如 div 和 span，它们被封装在包装器中。如果您删除样式表，实际元素将显示在屏幕上。

这些包装器与为选项卡提供样式的类名相关联。

如果您想编写自己的样式，则需要覆盖或设置包含这些样式的每个包装器。

有一种更简单的方法可以通过使用

主题滚轮

Answer 2

如果您打开文件，您会看到以下内容：

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

@import当包含此文件时，这两个语句会加载这两个单独的文件。这是一条捷径，它在 2010 年 2 月取代了以下( DIFF )：

@import "ui.core.css";
@import "ui.accordion.css";
@import "ui.datepicker.css";
@import "ui.dialog.css";
@import "ui.progressbar.css";
@import "ui.resizable.css";
@import "ui.slider.css";
@import "ui.tabs.css";

因此，如果您删除该包含，我会假设不仅仅是 jQuery UI 选项卡将停止工作，除非这是您正在使用的唯一基于 UI 的效果。