.sj-book-transform div[page="1"] > div, .sj-book-transform div[page="2"] > div{ overflow:visible !important; }

这段 CSS 代码是为了选中具有 `page` 属性为 `"1"` 或 `"2"` 的父元素下的子元素，并设置它们的 `overflow` 属性为 `visible`。具体解释如下：

.sj-book-transform div[page="1"] > div,
.sj-book-transform div[page="2"] > div {
	overflow: visible !important;
}

- `.sj-book-transform` 是一个类选择器，用于选中具有 `class` 为 `sj-book-transform` 的元素。
- `div[page="1"] > div` 选择了具有 `page` 属性为 `"1"` 的父元素下的子元素。
- `div[page="2"] > div` 选择了具有 `page` 属性为 `"2"` 的父元素下的子元素。
- `overflow: visible !important` 设置了这些选中元素的 `overflow` 属性为 `visible`。`!important` 用于提高优先级，确保这个样式优先生效。

通过使用上述代码，你可以为具有特定 `page` 属性值的父元素下的子元素设置 `overflow` 为 `visible`，以控制其内容的溢出和显示方式。

相关问题

$( "#slider" ).slider({ min: 1, max: 100, start: function(event, ui) { if (!window._thumbPreview) { _thumbPreview = $('<div />', {'class': 'thumbnail'}).html('<div></div>'); setPreview(ui.value); _thumbPreview.appendTo($(ui.handle)); } else setPreview(ui.value); moveBar(false); }, slide: function(event, ui) { setPreview(ui.value); }, stop: function() { if (window._thumbPreview) _thumbPreview.removeClass('show'); $('.sj-book').turn('page', Math.max(1, $(this).slider('value')*2 - 2)); } });

这段代码使用了 jQuery UI 的 `slider` 方法来创建一个滑动条。以下是代码的功能解释：

1. 设置滑动条的最小值为1，最大值为100。
2. 在滑动条开始滑动时，执行 `start` 回调函数：
- 如果 `_thumbPreview` 未定义，则创建一个包含预览内容的 `div` 元素，并将其附加到滑块上。
- 调用 `setPreview` 函数来设置预览内容。
- 调用 `moveBar` 函数来移动滚动条。
3. 在滑动条滑动过程中，执行 `slide` 回调函数：
- 调用 `setPreview` 函数来更新预览内容。
4. 在滑动条停止滑动时，执行 `stop` 回调函数：
- 如果 `_thumbPreview` 已定义，则移除 `show` 类名以隐藏预览。
- 通过计算得到书籍的页码，并通过 `$('.sj-book').turn('page', page)` 实现翻页效果。

这段代码主要用于创建和控制滑动条，并在滑动过程中设置预览内容和实现翻页效果。