css - 在 CSS #unseen 样式方面需要帮助-6ren

css - 在 CSS #unseen 样式方面需要帮助

转载作者：行者123 更新时间：2023-11-28 07:32:57

26

4

我只喜欢在第一个 tr 中看到 th 但在第二个 tr 中的 th 消失了.您知道如何修复代码，使第一个 th 包含“Min.”吗？媒体宽度小于640px时可以显示文字吗？先感谢您!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->

<style type="text/css">

    @media only screen and (max-width: 800px) {
        #unseen table th div {display: none;},
    } 
    @media only screen and (max-width: 640px) {
        #unseen table th:nth-child(1),
        #unseen table th:nth-child(6),
        #unseen table th:nth-child(7),
        #unseen table th:nth-child(8){display:none;},
    </style>

    <body>
        <section id="unseen">    
            <table class="table-bordered table-striped table-condensed productForm" width="100%" cellspacing="0px">
                <thead>
                    <tr style="border:solid 1px #FFFFFF;">
                        <th rowspan="2">Photo</th>
                        <th rowspan="2">Part Number<div>/ Description</div> </th>
                        <th rowspan="2">Color <div>/ nm</div></th>
                        <th colspan="3">Luminous Intensity</th>
                        <th rowspan="2">Viewing<br />Angle</th>
                        <th rowspan="2">Data<br />Sheet</th>
                        <th rowspan="2" colspan="2">3D Spec<sup>†</sup></th>
                        <th rowspan="2">Request<br />for Quote</th>
                    </tr>
                    <tr>
                        <th>Min.</th>
                        <th>Typ.</th>
                        <th>Unit</th>
                    </tr>
                </thead>
            </table>
        </section>
    </body>    
    </html>

最佳答案

您可以使用 :first-child 选择器。看到这个 fiddle http://jsfiddle.net/s281dopc/

#unseen table tr:first-child th:nth-child(1),
#unseen table tr:first-child th:nth-child(6),
#unseen table tr:first-child th:nth-child(7),
#unseen table tr:first-child th:nth-child(8) {
    display:none;
}

关于css - 在 CSS #unseen 样式方面需要帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31397619/

26

4

0

文章推荐： javascript - 每个客户端的 meteor 同步内容

文章推荐： ios - 如何获取键盘inputAssistantItem的高度？

文章推荐： c++ - 在 C++ 中添加两个纪元毫秒

文章推荐： javascript - 完整日历点击事件谷歌日历的时间错误

python - 方面，并根据方面进行一些过滤
我对构面有疑问，并根据构面进行了一些过滤。我知道这是一个重复的问题，但我找不到答案。我想知道如何在 flex 搜索中实现相同的功能。假设我有一个有关汽车和某些方面的索引-例如模型和颜色。颜色
具有子方面的 Solr 方面
我正在尝试找到一种解决方案来为某些方面创建子方面列表。我有一些产品的衣服尺码，它们存储在 solr 中 "Size_both":"W30L30","尺寸宽度":"W30","Size_length"
具有子方面的 Solr 方面
我正在尝试找到一种解决方案来为某些方面创建子方面列表。我有一些产品的衣服尺码，它们存储在 solr 中 "Size_both":"W30L30","尺寸宽度":"W30","Size_length"
Spring 4+方面
我对方面有疑问。他们不开火。我有小方面: @Aspect @Component public class SynchronizingAspect { @Pointcut("execution(
ruby 散列自动生成(方面)
这是在 ruby 中启用散列自动生成的巧妙技巧(取自 facets): # File lib/core/facets/hash/autonew.rb, line 19 def self.a
r - 用每个方面的观察数量注释 ggplot2 方面
这个问题在这里已经有了答案: 8年前关闭。 Possible Duplicate: Creating a facet_wrap plot with ggplot2 with different ann
ajax - 同一台服务器的不同端口是否算跨域？ (Ajax 方面)
XMLHttpRequest 能否从 http://mydomain.example/ 向 http://mydomain.example:81/ 发送请求？最佳答案要使两个文档被视为具有相同的来
elasticsearch - Elasticsearch 的统计数据/方面
我对 Elasticsearch 中的方面有一点问题。我有一个表格视频，一个表格 channel ，一个 channel 有很多视频。我只想在 X 个最新视频上显示每个 channel 的 %vi
r - 用图像注释 ggplot2 方面
假设我正在为 4 个人绘制数据图表:Alice、Bob、Chuck 和 Dana。我正在使用 ggplot2 制作一个多面图，每个人一个方面。我的磁盘上还有 4 张图像:Alice.png、Bob.p
search - 何时使用Hadoop，何时使用ElasticSearch进行分组依据/方面？
我已经下载了收件箱，并且正在使用Pig和Hadoop处理电子邮件。我已经使用Pig和Wonderdog在ElasticSearch中为这些电子邮件编制了索引。现在，我为收件箱中的每个电子邮件地址创建
javascript - 是否可以在没有目标的方法上使用 dojo 方面？
我有一个模块如下: define([...], function(...){ function anothermethod() {...} function request() {....}
Clojure、方面、Defprotocol、Defrecord
(defprotocol IAnimal "IAnimal" (report [o] (println (type o) " reporting.\n") (inner-repor
java - 田野的 Spring 方面
我有一个 Bean 需要向 InfluxDB 报告。数据库在表 INFLUX_DB_SERVER 中注册了 InfluxDB。如果你看一下代码，你会发现方法reportMemory做了很多工作，它构造
r - 如何将按组绘图元素叠加到 ggplot2 方面？
我的问题与分面有关。在下面的示例代码中，我查看了一些分面散点图，然后尝试在每个分面的基础上叠加信息(在本例中为平均线)。 tl;dr 版本是我的尝试失败了。要么我添加的平均线计算所有数据(不尊重方面变
r - 用图像注释 ggplot2 方面
假设我正在为 4 个人绘制数据图表:Alice、Bob、Chuck 和 Dana。我正在使用 ggplot2 制作一个多面图，每个人一个方面。我的磁盘上还有 4 张图像:Alice.png、Bob.p
java - 跨多个线程的 Spring 方面
尝试用两个方面包装服务类来获取此调用链: javanica..HystrixCommandAspect -> MyCustomAroundAspect -> MyService 遇到两个问题: Hys
java - 如何运行我的项目以便他们使用我的 AspectJ 方面
我是 AspectJ 的初学者。我用它在我的网络驱动程序中截取屏幕截图。以下是我的包结构。我想知道如何在 Browser 类中运行我的程序，以便它使用 Screenshots 类中定义的 Aspec
java - 表达式执行 Spring 方面
我在使用 spring aop 时遇到问题 (编辑:如果我的方法不是静态的，则代码可以正常工作) 我的包中有这个结构: aaa.bbb.ccc.Clase1.java aaa.bbb.ddd.Clas
c# - 在派生类中覆盖基类 PostSharp 方面
我有一个通用存储库类，其中包含各种标记有 PostSharp 方面 (SecuredOperation) 的方法... public class Repository : IRepository, I
java - 如何同步围绕方法定义的 Java 方面？
我有一个运行多线程的 Hibernate 事务方法“doImportImpl”。而某些记录需要依次导入，所以代码结构大致是这样的: public RecordResult doImportImpl(S

首页

博学

6Ren·AI

商城

css - 在 CSS #unseen 样式方面需要帮助