当前位置:首页 » 网页前端 » 手机前端选择器
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

手机前端选择器

发布时间: 2023-01-02 11:05:36

1. 前端里面.和#区别是什么

.是类选择器,#是id选择器

相同点:

  • 在html写的选择器,css可以对选择器设置样式作用到html标签上

  • 在html写的选择器,js可以根据选择器获取到对应的dom

区别:

  • 在一个html标签上,类选择器优先级低于id选择器

  • 在html中,同样的类选择器可以多次使用,而id选择器只能用于一个标签上

2. 6.前端选择器的优先级

当使用不同的选择器,选中同一个元素时并且设置相同的样式时,这时样式之间产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)决定优先级高的优先显示。

当选择器中包含多种选择器时,需要将多种选择器的优先级相加然后在比较,但是注意,选择器优先级计算不会超过他的最大的数量级,如果选择器的优先级一样,则使用靠后的样式。

div , p , #p1 , .hello{}

可以在样式的最后,添加一个 !important ,则此时该样式将会获得一个最高的优先级,将会优先于所有的样式显示甚至超过内联样式,但是在开发中尽量避免使用!important

3. 前端after选择器在被选元素的内容后面插入内容吗

jQuery中的afterf方法在被选元素后插入指定的内容。如:

$("div").after("<p>Hello world!</p>");

将在div标签后面插入一段文本。

4. 前端类选择器和id选择器混合使用

#customers td,#customers th{}

解释:
ID选择器customers 的子标签td,ID选择器customers 的子标签th
比如以下的布局:
<table id="customers">
<tr>
<th>标题</th>
</tr>
<tr>
<td>内容</td>
</tr>
</table>
那么上面的标题、内容会被样式渲染。

5. 计算机前端里面css基本选择器和复合选择器区别是什么

基本选择器通过元素类型或class或id选择对象;

复合选择器通过元素类型或class或id和条件判断选择对象。

举例:

<style>

div{} // 基本选择器

.intro{} // 基本选择器

div.intro{} // 基本选择器

#petdog{} // 基本选择器

p#petdog{} // 基本选择器

div, p{} // 基本选择器

.intro:hover{} // 复合选择器

p + div{} // 复合选择器

a[target]{} // 复合选择器

</style>

<body>

<p class="intro"></p>

<div id="petdog"></div>

<a target="_blank" />

</body>

实际使用没有本质差别,只是所属分类不同。

了解选择器可以参考CSS 选择器参考手册 (w3school.com.cn)

6. web前端里面什么是父级选择器什么是子级选择器

没听说过父级选择器,但是子级选择器我还是知道的,就是一个>号,比如说有个div包含了三个div。包含div的这个div的类名假设是father然后被包含的这三个div的类名是son,如果您想选择这三个div你可能直接 .son,但是你要是指定必须是father下面的div的话你就会用到了子代选择器这样写, .father > .son