CSS选择器:
- 根据标签的名字选择,示例代码如下:
p{ background-color: pink; }
- 根据类名选择,那么要在类的前面加一个点。示例代码如下:
.line{ background-color: pink; }
- 根据id名字选择,那么要在id的前面加一个#号。示例代码如下:
#box{ background-color: pink; }
- 查找子孙元素。那么要在子孙元素中间有一个空格。示例代码如下:
#box p{ background-color: pink; }
- 查找直接子元素。那么要在父子元素中间有一个>。示例代码如下:
#box > p{ background-color: pink; }
- 根据属性的名字进行查找。那么应该先写标签名字,然后再在中括号中写属性的值。示例代码如下:
input[name='username']{ background-color: pink; }
- 在根据类名或者id进行查找的时候,如果还要根据标签名进行过滤。那么可以在类的前面或者id的前面加上标签名字。示例代码如下:
div#line{ background-color: pink; } div.line{ background-color: pink; }