标签: css-selectors

如何格式化 id 中的类 class?

我有以下 HTML:

<div id="footer">
  <div class="wrapper clear">
    <!-- stuff -->
  </div>
<div>
Run Code Online (Sandbox Code Playgroud)

我应该在 css 文件中放入什么来格式化具有包装类和清除类的 div,但仅限于页脚内?

这是与 wordpress.com 一起使用的,所以我无法更改 HTML。

css class css-selectors

0
推荐指数
1
解决办法
6849
查看次数

将 CSS 应用到表格的第一个和最后一个 TH

我需要使用 jQuery 为下表的第一个和最后一个应用样式,编写了一些未触发的脚本。

 <script>$("th:gt(0)").css("border-left", "none");</script>

 <table>
 <tr>
  <th scope="col">one</th>
  <th scope="col">two</th>
  <th scope="col">three</th>
</tr>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

任何帮助都会很方便。

css jquery css-selectors

0
推荐指数
1
解决办法
2273
查看次数

使用两个带有 * 的 css 属性选择器

我有以下四种不同类型的正文标签情况:

<body class= 'not-front logged-in page-calendar two-sidebars page-calendar-practices-2012-06 section-calendar admin-menu'>

<body class= 'not-front logged-in page-calendar two-sidebars page-calendar-practices section-calendar admin-menu'>

<body class= 'not-front logged-in page-calendar two-sidebars page-calendar-practices-2012-06-games section-calendar admin-menu'>

<body class= 'not-front logged-in page-calendar two-sidebars page-calendar-practices-all-games section-calendar admin-menu'>
Run Code Online (Sandbox Code Playgroud)

我想编写一个 css 选择器,它将选择前两个 body 标签案例,而不是最后两个案例,另一个选择器将单独选择最后两个 body 标签案例。对于第二种情况,我可以做类似 body[class*=page-calendar-practices][class*=games] 的事情吗?我该如何写第一个案例?

css css-selectors

0
推荐指数
1
解决办法
261
查看次数

在多个级别中使用多个类选择 DIV

我有这个 HTML:

<div class="row-fluid list-item-main-euvou-entradas">
    <div class="span1 list-item-main-euvou-entradas-colorcode green"></div>
    <div class="span1 list-item-main-euvou-entradas-rank">1</div>
    <div class="span1 list-item-main-euvou-entradas-votes">Votos</div>
    <div class="span9 list-item-main-euvou-entradas-content">
        <a href="#">some link</a>
        <p>some text...<p>          
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我需要在选择器“row-fluid list-item-main-euvou-entradas”中也使用此类来选择此类“span1 list-item-main-euvou-entradas-colorcode green”。

我尝试过类似的方法,但不起作用:

<div class="row-fluid list-item-main-euvou-entradas">
    <div class="span1 list-item-main-euvou-entradas-colorcode green"></div>
    <div class="span1 list-item-main-euvou-entradas-rank">1</div>
    <div class="span1 list-item-main-euvou-entradas-votes">Votos</div>
    <div class="span9 list-item-main-euvou-entradas-content">
        <a href="#">some link</a>
        <p>some text...<p>          
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

关于这个有什么线索吗?

此致,

css css-selectors

0
推荐指数
1
解决办法
3299
查看次数

CSS:最后一个类型并且仅当

是否有可能使CSS选择器选择最后一个类型并且仅当它是偶数元素时才同时选择?

就像是:

.element:last-of-type:nth-of-type(even) {...}
Run Code Online (Sandbox Code Playgroud)

css css-selectors

0
推荐指数
1
解决办法
1056
查看次数

您所在链接的 css 选择器

是否有一个 CSS 选择器可以在您使用链接时使用。例如,如果我在我的网站的主页上,它被称为default.aspx,并且页面上有一个指向default.aspx的链接,我希望它重新格式化default.aspx链接。我还没有见过用于此目的的 CSS 选择器。我什至不知道是否可能,但如果可能的话,我希望有人知道。如果有一种方法可以在没有 css 选择器的情况下做到这一点,请也告诉我。

html css css-selectors

0
推荐指数
1
解决办法
1344
查看次数

我如何将其变成动态 :nth-child css 选择器

我正在使用 CSS 开发菱形网格系统,我需要将第 5 个块移动到左侧,然后将第 12 个、第 19 个、第 26 个等等移动到左侧。我怎样才能把它变成一个动态的第n个选择器?

.diamond-grid > div:nth-child(26),
.diamond-grid > div:nth-child(19),
.diamond-grid > div:nth-child(12),
.diamond-grid > div:nth-child(5) {
    margin-left: 182px;
}
Run Code Online (Sandbox Code Playgroud)

css css-selectors

0
推荐指数
1
解决办法
7686
查看次数

排除我的选择器 .cbs-List tr:nth-child(odd) 中的第一个 .&lt;TR&gt;

我有以下 CSS:-

.cbs-List tr:nth-child(odd) {
    background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

主要是为所有奇数表行设置背景颜色。但我如何修改我的选择器以排除第一个<TR>

这是我正在使用的表格的屏幕截图:- 在此输入图像描述

html css css-selectors

0
推荐指数
1
解决办法
1528
查看次数

Python scrapy,如何只获取直接子级

所以我有一些像这样的html

<div class="content">
    <div class="infobox">
        <p> text </p>
        <p> more text </p>
    </div>
    <p> text again </p>
    <p> even more text </p>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在使用这个选择器,'.content p::text'我认为这只会给我直接的孩子,所以我希望它能够提取“再次文本”和“更多文本”,但它也从另一个 div 内的段落中获取文本,我怎样才能防止这种情况发生,我只想要来自类 .content 的 div 的直接子代的段落中的文本

html python css-selectors scrapy

0
推荐指数
1
解决办法
6296
查看次数

对于大写文本,哪种方法更有效:CSS 或 PHP?

哪种方法渲染大写文本更有效:CSS 或 PHP?

A。PHP

<?php
echo strtoupper("Test"); //  TEST
?>
Run Code Online (Sandbox Code Playgroud)

b. CSS

<style type="text/css">.uppercase { text-transform: uppercase; }</style>
<div class="uppercase">Test</div>
Run Code Online (Sandbox Code Playgroud)

css php css-selectors

0
推荐指数
1
解决办法
494
查看次数

标签 统计

css-selectors ×10

css ×9

html ×3

class ×1

jquery ×1

php ×1

python ×1

scrapy ×1