Css 使用不带'；我没有身份证或职业

我正在寻找一种方法来设计一个没有ID或类关联的div。我不是在寻找建议我将ID或类应用于div的注释，因为我要修改的代码是wordpress插件的一部分，更新后会重置我应用的任何样式

我试图修改的代码是：

<div class="gallery_detail_box">
    <div><?php echo $post->post_title; ?></div>
    <div><?php echo the_excerpt_max_charlength(100); ?></div>
    <a href="<?php echo $permalink; echo basename( get_permalink( $post->ID ) ); ?>"><?php echo $gllr_options["read_more_link_text"]; ?></a>
</div>

我哪里出错了？

#

在引用ID时使用。div不是一个ID，而是一个标记

试一试

引用ID时使用

#

。div不是一个ID，而是一个标记

试一试

---

拿出

#

标志。当选择类型选择器时，只需使用不带前缀的选择器名称。

去掉

符号。针对类型选择器时，只需使用不带前缀的选择器名称。

要针对每个子div，请尝试以下操作：

div.gallery_detail_box div:nth-child(1) {....}
div.gallery_detail_box div:nth-child(2) {....}

---

祝你好运。

要针对每个子div，请尝试以下方法：

div.gallery_detail_box div:nth-child(1) {....}
div.gallery_detail_box div:nth-child(2) {....}

---

祝你好运。

要做到这一点，最简单的方法是使用第一个孩子psuedoselector

.gallery_detail_box div:first-child {
    font-weight: bold;
}

这对较旧的浏览器有影响。检查MDN兼容性图表，查看是否有任何目标浏览器受到影响：

如果需要针对第一个元素以外的子元素，可以使用

：n子元素（2）

psuedoselector

.gallery_detail_box div:first-child {
    font-weight: bold;
}

---

另一种选择是使用JavaScript，它可以在任何支持JavaScript的浏览器中可靠地工作。

最简单的方法是使用第一个子psuedoselector

.gallery_detail_box div:first-child {
    font-weight: bold;
}

这对较旧的浏览器有影响。检查MDN兼容性图表，查看是否有任何目标浏览器受到影响：

如果需要针对第一个元素以外的子元素，可以使用

：n子元素（2）

psuedoselector

.gallery_detail_box div:first-child {
    font-weight: bold;
}

---

另一种选择是使用JavaScript，它可以在任何支持JavaScript的浏览器中可靠地工作。

这取决于您使用的浏览器，它可能工作，也可能不工作。它在旧版本的IE（7,8）或任何其他不支持CSS 3的浏览器中都不起作用

.gallery_detail_box {
    font-weight:normal;
}

.gallery_detail_box div:nth-child(1){
    font-weight:bold;
}

对于较旧的浏览器

.gallery_detail_box {
    font-weight:normal;
}

.gallery_detail_box div:first-child{
    font-weight:bold;
}

要将自定义样式应用于旧浏览器中的第二个、第三个等嵌套div，请执行以下操作：

.gallery_detail_box div:first-child + div{
    font-weight:bold;
}
/*(second)*/
.gallery_detail_box div:first-child + div + div{
    font-weight:bold;
}
/*(third)*/

---

等等。

这取决于您使用的浏览器，可能有效，也可能无效。它在旧版本的IE（7,8）或任何其他不支持CSS 3的浏览器中都不起作用

.gallery_detail_box {
    font-weight:normal;
}

.gallery_detail_box div:nth-child(1){
    font-weight:bold;
}

对于较旧的浏览器

.gallery_detail_box {
    font-weight:normal;
}

.gallery_detail_box div:first-child{
    font-weight:bold;
}

要将自定义样式应用于旧浏览器中的第二个、第三个等嵌套div，请执行以下操作：

.gallery_detail_box div:first-child + div{
    font-weight:bold;
}
/*(second)*/
.gallery_detail_box div:first-child + div + div{
    font-weight:bold;
}
/*(third)*/

---

等等。

给你的部门上课。要做到以下几点，浏览器优化效果很差：

.class div{}

因为在向元素添加css时，浏览器会在dom中进行反向搜索

---

给你的部门上课。要做到以下几点，浏览器优化效果很差：

.class div{}

因为在向元素添加css时，浏览器会在dom中进行反向搜索

---

我试过，也试过，但它使“gallery\u detail\u box div”和“gallery\u detail\u box div”的内容变为粗体：（我试过，也试过，但它使“gallery\u detail\u box div”和“gallery\u detail\u box div”的内容变为粗体：（第二个CSS块可能会覆盖第一个CSS块，#似乎也没有什么区别（因为它说所有div都使用普通字体）我已经接受了一个答案，但还是回去试了试，对第二个样式的注释对两个div都使用了粗体，这是我对第一个块的期望。第二个CSS块可能覆盖了第一个CSS块（因为上面说所有div都使用普通字体）我已经接受了一个答案，但还是回去试了试，对第二种风格的评论对两个div都使用了粗体，这是我在第一个街区所期望的。我已经接受了Bryan Allo的答案，那就是使用。gallery\u detail\u box div:n child（1）阅读了您的回复后，我想知道什么是最好的编码方式，以便在有CSS 3支持和无CSS 3支持的浏览器中都能工作。我知道，如果您将相同的元素作为两种不同样式的一部分使用两次，最后的元素（最接近页面底部的元素）我可能会创建两个单独的样式表——一个用于现代浏览器，一个用于IE7/8。我会将IE7/8的样式表链接包装在IE8条件注释中，并将CSS3兼容版本放在第一位。我已经接受了Bryan Allo的答案，即ch将使用“.gallery\u detail\u box div:nth child（1）”。阅读了您的回复后，我想知道什么是最好的编码方式，以便在有CSS 3支持和无CSS 3支持的浏览器中都能工作。我知道，如果您将相同的元素作为两种不同样式的一部分使用两次，那么最后的元素（最接近页面底部的元素）将被删除我可能会创建两个单独的样式表——一个用于现代浏览器，一个用于IE 7/8。我会将IE 7/8的样式表链接包装在IE 8条件注释中，然后将CSS 3兼容版本放在第一位。