css如何选择没有定义class或者id的元素

Posted 2023-05-06

table中的其中一行
<tr>
<td class="side">1</td>
<td>1</td>
<td class="top"></td>
<td colspan="10"><td>
<td class="top"></td><td class="top"></td>
<td class="top"></td><td class="top"></td><td class="top"></td>
<td>1</td>
<td class="side"></td><td class="r_side"></td>
</tr>

想要实现css选择没有定义类的<td>
因为整个代码有好多行 每行都不一样 给每个<td>加class或者id实在不可取

参考技术A 你要是统一设置样式就 tr td这样就可以啊，要是每个td都不一样我觉得还是每个td都设置class比较好，容易实现和控制。追问

因为想要用nth-child()来选择那些没有被设置class和id的 有一百多个所以设置还是很不方便的 冗余太大

追答

貌似你要实现类似列表的东东，你可以为每个tr下同位置的td设置成相同的css，这样每一列样式都一样了。不知道是不是想要这样。

追问

其实我想实现的是：比如有十个 其中三个设置 class 也可以给几个设置id 现在要做的就是可否直接选择到没有被设置class和id的 因为数量比较多 可以实现还是可以减少冗余的 试来试去总是不行 （后来已经用设置class实现了） 不知道大神们觉得可以实现不 就这样吧，

本回答被提问者和网友采纳

基本选择器

一、css选择符：

　　　　概念：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者是指定名称的元素。

　　1.css选择符包括四大类：类型选择符、id选择符、class类型选择符、特殊选择符

　　　　（1）类型选择符：

　　　　　　语法：元素名称{属性：属性值；}

　　　　　　说明：类型选择符就是以文档语言对象类型作为选择符，即使用结构中元素名称作为选择符；

　　　　　　特点：能够选中页面中所有相同的标签并添加样式

　　　　　　应用：想统一某一个标签样式的时候

　　　　（2）id选择符

　　　　　　语法：#id名{属性：属性值}

　　　　　　说明：当我们使用id选择符时，应先为每个元素定义一个id属性，如<div id="top"></div>

　　　　　　特点：唯一性（在同一页面中，id名只能出现一次)

　　　　　　应用：划分网页的外围结构

　　　　（3）class选择符

　　　　　　语法：.class名{属性：属性值；}

　　　　　　说明：类选择符的语法格式是：“.”加上定义的class名称，也就是class类选择符；

　　　　　　　　　当我们使用类选择符时，应先为每个元素定义一个class属性，如<div class="top"></div>

　　　　　　特点：可以书写一类样式

　　　　（4）群组选择符

　　　　　　语法：选择符1，选择符2，选择符3{属性：属性值；}

　　　　　　说明：当多个选择符应用样式相同时，可以将选择符用英文逗号分隔的方式，合并为一组

　　　　（5）包含选择符

　　　　　　语法：选择符1 选择符2{属性：属性值；}

　　　　　　说明：选择符1和选择符2之间用空格隔开。含义就是所有选择符1中包含选择符2

　　　　（6）伪类选择符

　　　　　　a:link{属性：属性值；}未访问状态

　　　　　　a:visited{属性：属性值；}已访问状态

　　　　　　a:hover{属性：属性值；}鼠标滑过状态

　　　　　　a:active{属性：属性值；}鼠标按下状态

　　　　（7）通配符

　　　　　　语法：*{属性：属性值；} eg：*{margin：0；padding：0；}

　　　　　　说明：通配选择符的写法是“*”，其含义就是所有元素。

　　2.选择符权重

　　　　（1）css中，用四位数表示权重，权重表达方式如：0,0,0,0

　　　　　　类型选择符权重：0001；

　　　　　　类（class）选择符权重为：0010；

　　　　　　ID选择符的权重为：0100；

　　　　　　伪类选择符的权重为：0010；

　　　　　　包含选择符的权重为：包含选择符权重之和；

　　　　　　内联样式的权重为：1000；

‘　　　　　　通配符权重为：0000；

　　　　　　伪类选择符的权重为：0001；

　　　　　　子选择符的权重为：0000；

　　　　　　属性选择符的权重为：0010；

　　　　　　继承的样式权重为：0000；