css .xx xx{}问题

html-css024

css .xx xx{}问题,第1张

.style uuu {font-size = 10px;}

首先这个里面的属性就写错了,应该是下面这样吧

.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就能满足你定义样式的需求,就不需要添加前面的标签,这样只会白白增加页面渲染时间。