• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

css选择器和定义方式，class怎么同时定义两个div_CSS学习

当前位置：网站建设 > 技术支持

1、css选择器和定义方式，class怎么同时定义两个div？

同时定义两个div，同时使用相同的class即可。

建议看下css选择器的使用方法。

类选择器选择有特定 class 属性的 HTML 元素。

如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。

实例

在此例中，所有带有 class="center" 的 HTML 元素将为红色且居中对齐：

.center { text-align: center; color: red; }

2、如何定义input标签中type？

第一种：

.style1{color:red;}

.style2{color:green;}

<input type="text" class="style1" />

<input type="password" class="style2" />

第二种：

<input type="text" style="color:red;" />

<input type="password" style="color:green;" />

第三种：css3选择器，ie低版本不支持

input[type=text]{color:red;}

input[type=password]{color:green;}

<input type="text" />

<input type="password" />

当然还可以根据js去做

3、css3有哪些特性？

新增各种CSS选择器 （: not(.input)：所有 class 不是“input”的节点）

圆角 （border-radius:8px）

多列布局 （column）

阴影和反射 （Shadow\Reflect）

文字特效 （text-shadow）

线性渐变 （gradient）

旋转，缩放,定位,倾斜 （transform

多背景，背景裁剪

4、css的优先级怎么判断？

CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上，CSS选择器如果细分下来，竟然多达40多种。那他们的优先级该怎么比较呢，下面就来看看吧。

● 不同级别

1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2. 作为style属性写在元素内的样式

3. id选择器

4. 类选择器

5. 元素选择器

6. 通配符选择器

7. 浏览器自定义或继承

总结排序：!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性

● 同一级别

(1) 同一级别中后写的会覆盖先写的样式

(2) 同一级别css引入方式不同，优先级不同

总结排序：内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。

对于选择器优先级，还可以通过计算权重值来比较

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。