请问一下在CSS中 .td{} #td{} td{} 有什么区别？

html-css011

请问一下在CSS中 .td{} #td{} td{} 有什么区别？,第1张

.td{}class为“td”的元素。

<div class="td"></div>

#td{} id为“td”的元素。

<div id="td"></div>

td{} 指td标签。

<td>你好，世界</td>

直接使用css的标签选择器就可以实现

td input[type='text'] {.../*设置需要的样式*/}

举个例子：

创建Html元素

<table>

<tr>

<td>name</td>

<td><input type="text"></td>

<td>sex</td>

<td><input type="radio" name="sex" checked>男<input type="radio" name="sex">女</td>

</tr>

<tr>

<td>tel.</td>

<td><input type="text"></td>

<td>addr.</td>

<td><input type="text"></td>

</tr>

</table

设置css样式

table{border-collapse: collapse}

td{border:1px solid #cccpadding:5px}

/*设置单元格中文本框的样式*/

td input[type='text']{border:1px solid greenborder-radius:3pxheight:30px}

观察显示效果