首先这个里面的属性就写错了,应该是下面这样吧
.style uuu {font-size:10px}
.style uuu {font-size:10px} 这是一种后代选择器的模式,uuu这应该指的是页面中的各种元素,即 p、div、ol、ul、li、h1等等。
即可以像这样 .style p{font-size:10px} 这种形式应该是比较吻合的。
也就是在 class="style" 的元素后代中 所有 p 元素的 font-size 为 10px 。
实现的方法和详细的操作步骤如下:
1、第一步,创建一个新的html文件,并将其命名为“test.html”,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,使用css初始化div,将其内部和外部边距设置为0,然后使div浮动到左侧,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,创建一个div并将其类属性源设置为“xx”,该属性用于在下面定义其css样式,见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,使用CSS设置类名称为xx的div样式,将其宽度和高度设置为“300px”,并将背景色设置为“red”,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,创建另一个div并将其类名设置为“ss”,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,使用CSS设置名为“class ss”的div样式,将其高度和宽度设置为“100px”,将背景颜色设置为白色,将上边距设置为“100px”,将左边距设置为“100px”,见下图。这样,就解决了这个问题了。
点表示类名。XX.BB即表示是XX标签,且类为BB<a class="BB">link</a>
定义a样式可以写成:
a.BB{color:#CC0000}
不过不推荐这种写法,除非你其他标签也有class="BB"一定要加上标签用以区别。
如果仅.BB就能满足你定义样式的需求,就不需要添加前面的标签,这样只会白白增加页面渲染时间。